如何在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实现