【问题标题】:Centering PickerIOS in React Native在 React Native 中将 PickerIOS 居中
【发布时间】:2015-12-31 12:32:19
【问题描述】:

我一直试图将 PickerIOS 居中,但我可能缺少 Picker 背后的底层逻辑,因为我只是希望它的宽度为全屏。

我可以用 iPhone 4s / 5s 做到这一点,但是当我在 iPhone 6 上运行它时,Picker 似乎在左侧,右侧有一些空间。

我一直在尝试将 alignItem:'center' 与选择器周围的包装一起使用,但这只会让它消失。我也试过 alignSelf,但还是不行。

我认为 Picker 默认的宽度是全屏,还是会根据元素的长度进行调整?

我是否必须将它放在 Flexbox 中才能使其以全屏宽度居中?

mask1: {
height:120,
overflow:'hidden',
justifyContent:'space-around',
marginTop:50
}

【问题讨论】:

  • 我刚刚编辑了我的问题。
  • 即使我将 Picker 的宽度设置为 1000,右侧的空间仍然存在,但picker 显然可以放入任何东西。只有一个包装器,我在上面发布,但删除包装器或添加它不会改变宽度问题。
  • 请在 React-Native github 页面上发布这个问题。也许有人会提出解决方案。我也面临这个问题.. thx

标签: ios iphone reactjs flexbox react-native


【解决方案1】:

我发现 PickerIOSItem 的样式不能改变,只能在 NavigatorIOS 中正常工作。我查看了 UIExplorer 的示例,并且没有更多样式绑定到 Item。也许这是一个错误。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-14
    • 2017-04-16
    • 1970-01-01
    • 2018-06-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多