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