React Native ScrollView 外容器样式 flex: value答案

【问题标题】：React Native ScrollView outer container style flex: valueReact Native ScrollView 外容器样式 flex: value
【发布时间】：2020-12-16 01:54:28
【问题描述】：

可以设置内部容器的样式（ala background:'red') with contentContainerStyle`：

<ScrollView contentContainerStyle={{background:'red'}>

但是，这是我尝试设置最外层容器的样式（ala flex:5），它适用于标准组件：

<ScrollView style={{flex:5}}>

第二个示例未能在最外面的容器上呈现样式。样式应用于嵌套在最外层的子容器。

如何设置 的最外层容器的样式？

【问题讨论】：

标签： css reactjs react-native

【解决方案1】：

在这种情况下，一个特别有效的解决方案是将直接放在组件内，该组件用作@987654321 的容器@CSS 指令。

<View style={{flex:5}}>
  <ScrollView>

【讨论】：