React Native Android布局组件重叠问题

时间:2017-02-28 02:17:31

标签: android react-native react-native-android

我有一个简单的视图,包含动态创建的垂直堆叠按钮(从数组映射),并为每个按钮设置静态高度和宽度。包含这些按钮的视图是从同一组件中的函数生成的,并按如下方式调用:

style={{height: 200}}

其中appButtons是一个数组,generateColumns返回具有垂直堆叠按钮的视图。在iOS上,这非常有效,如果屏幕上有多个按钮而不是空间,我会得到垂直堆叠的按钮滚动(我将整个内容放在滚动视图中)。但是,在android上,视图的高度似乎为0,因为我在渲染方法中生成的2列重叠。

如果我静态指定高度,通过向封装视图添加echo $(jq -n '"1\n2\n3" | gsub("\n"; @t " * ")') ,则不会发生重叠,但是当它们溢出屏幕时列不会滚动,显然这仅适用于数组是预定的长度。

附上两张图片来说明这个问题。两者都是使用相同的代码生成的。我正在使用RN 0.41,并且最近更新了我的整个项目。

免责声明:我只在Android模拟器上运行应用程序;我实际上没有一个物理的Android设备来测试它,但我正在努力获得一个。

任何帮助表示赞赏!感谢

机器人: Android

的iOS: iOS

0 个答案:

没有答案