【问题标题】:React native flexbox: Distributing the items evenlyReact native flexbox:均匀分布项目
【发布时间】:2017-06-30 19:44:39
【问题描述】:

我创建了这个简单的 React Native Demo,它将圣诞老人图像添加/删除到 Flexbox。

Bunch of Santas

当圣诞老人超过 3 个时,布局倾向于向左移动。我只是想知道,什么是行为以及如何将圣诞老人定位在 Flexbox 的中间,就像恰好有三个圣诞老人的时候一样。

【问题讨论】:

  • 一些可运行的代码?
  • @AftabKhan 如果您点击“圣诞老人群”链接,您将看到代码。
  • 前段时间链接失效了

标签: javascript css reactjs react-native flexbox


【解决方案1】:

如果你不想让你的第一个圣诞老人从中心开始,你可以这样做 您需要添加width,并在左右两边使用margin:auto 将其平衡到中心。

https://snack.expo.io/rJzeAX4VZ

【讨论】:

  • 谢谢!我在想 Flexbox 提供了某种方式来处理这种情况。固定容器的宽度并没有感觉'flexboxish',但解决方案是正确的。
猜你喜欢
  • 2021-04-23
  • 1970-01-01
  • 1970-01-01
  • 2019-06-05
  • 1970-01-01
  • 2011-11-30
  • 2021-07-07
  • 1970-01-01
  • 2011-04-04
相关资源
最近更新 更多