React Native：为什么在 <ScrollView> 内的 <View> 上设置 flexGrow 不起作用？
金利
在我的 React Native 应用程序中，我有以下代码：
<View style={{flex: 1}}>
<View style={{backgroundColor: 'black', height: 50}}/>
<ScrollView style={{borderWidth: 1, borderColor: 'red', flex: 1}}>
<Text style={{
borderWidth: 1,
borderColor: 'blue',
flexGrow: 1
}}>aaa</Text>
<Text style={{
borderWidth: 1,
borderColor: 'blue',
flexGrow: 1
}}>bbb</Text>
</ScrollView>
</View>
请注意，我flexGrow: 1在aaa和bbb <View>S中，但不长，填补了垂直空间。如果我交换<ScrollView>a <View>，孩子们会填写它。为什么是这样？
红薯
看看ScrollView这里的文档：https : //facebook.github.io/react-native/docs/scrollview.html#contentcontainerstyle
您缺少的关键是指定容器样式应该是什么。维护人员不会对您的期望做出任何假设，特别是因为根据您过去的经验可能会令人困惑。你绝对可以得到你想要的工作。
这是添加到您的代码中的示例：https : //snack.expo.io/SkeLDj4EH
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
React Native Scrollview 与 flexGrow 不滚动
- 2
React-native Scrollview 不起作用
- 3
FlatList onEndReached事件在React-Native上的ScrollView中不起作用
- 4
flex在react-native中的ScrollView中不起作用
- 5
React Native，iOS-ScrollView在设备上不起作用
- 6
ScrollView 在 FrameLayout 内不起作用
- 7
React Native Grid View：Flexbox包装不起作用
- 8
在ScrollView上分页不起作用/出现
- 9
带有 ScrollView 的 KeyboardAvoidingView 在 react-native 或 expo 中不起作用
- 10
React Native：组件上的onPress不起作用
- 11
在 react native webview 上运行 janus、webRtc 不起作用
- 12
Kivy：为什么 ScrollView 在 GridLayout 中不起作用？
- 13
React Native Webview不加载任何URL（React Native Web View不起作用）
- 14
为什么设置barItems不起作用？
- 15
为什么设置barItems不起作用？
- 16
为什么设置美元不起作用？
- 17
React-Native alignItems：“flex-end”在 <Image> 标签内不起作用
- 18
ScrollView不起作用
- 19
为什么AngularJS ng-view在本地不起作用？
- 20
为什么我的ng-view动画不起作用？
- 21
另一个scrollview内的scrollview不起作用
- 22
调试为什么特定字体在React Native中不起作用
- 23
为什么animation-name属性在React Native中不起作用？
- 24
为什么我的React Native桥接iOS组件不起作用？
- 25
为什么push（）在循环内不起作用？
- 26
为什么在滚动时onTouchEvent内的smoothScrollTo不起作用？
- 27
为什么td标签内的提交按钮不起作用？
- 28
为什么在滚动时onTouchEvent内的smoothScrollTo不起作用？
- 29
为什么在$'...'内使用$ 1时不起作用？
我来说两句