如何在Android上设置React本机选择器的宽度百分比(或flex)?

如何在Android上设置React本机选择器的宽度百分比(或flex)?,android,react-native,Android,React Native,在iOS上,您可以将放入flex框中,并使选择器调整屏幕的整个宽度 使用React Native中新的跨平台元素,在Android上最简单的方法是什么 Android上的选择器只接受width元素,显然不接受百分比值。它不会缩放到容器的宽度。您可以使用设置百分比 这一解释摘自 通过布局权重,您可以指定多个布局之间的大小比率 意见。例如,您有一个地图视图和一个表,其中应显示一些 地图上的其他信息。地图应使用地图的3/4 屏幕和表格应使用屏幕的1/4。然后你将设置 地图的布局权重为3,表格的布局权重

在iOS上,您可以将
放入flex框中,并使选择器调整屏幕的整个宽度

使用React Native中新的跨平台
元素,在Android上最简单的方法是什么

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

您可以使用设置百分比

这一解释摘自

通过布局权重,您可以指定多个布局之间的大小比率 意见。例如,您有一个地图视图和一个表,其中应显示一些 地图上的其他信息。地图应使用地图的3/4 屏幕和表格应使用屏幕的1/4。然后你将设置 地图的布局权重为3,表格的布局权重为1

要使其工作,您还必须设置高度或宽度(取决于 你的方向)到0px

因此,您的iOS flex盒将是一个


这些都是很好的例子:


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

import {
 Dimensions
} from 'react-native'

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

var fifyPercent = width / 2
var oneHundredPercent = width
或者,如果您测量的是一个组件,而不是整个设备的宽度,则可以使用onLayout函数获取其宽度,然后使用它