android - 如何在 Android 上为 React Native Picker 设置百分比宽度(或 flex)？

Question

在 iOS 上，您可以输入 <Picker>在一个弹性盒子里，让选择器在屏幕的整个宽度上弯曲。

使用新的跨平台<Picker> React Native 中的元素，在 Android 上执行此操作的最简单方法是什么？

Android 上的Picker 只接受width 元素，显然不接受百分比值。它不会缩放到其容器的宽度。

Answer 1

您可以通过使用尺寸获取屏幕宽度来设置百分比:

import {
 Dimensions
} from 'react-native'

var width = Dimensions.get('window').width;

var fifyPercent = width / 2
var oneHundredPercent = width

或者，如果您测量的是一个组件而不是整个设备的宽度，您可以使用 onLayout 函数获取它的宽度，然后改用它。

onLayout

onLayout implementation