ios - react 原生 : Flex for ScrollView doesn't work
<p><p>我有一个简单的 View，它有两个 child ，另一个 View 和一个 ScrollView。 ScrollView 应该比同级别的 View 高 5 倍，使用 flexbox。 </p>
<p></p><div class="snippet"data-lang="js"data-hide="false"data-console="true"data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code><View style={{ flex: 1}}>
<View style={{flex: 1, backgroundColor: 'powderblue'}}>
<Text>Add new stuff</Text>
<Button title="Browse Gallery" onPress={ openGallery } />
</View>
<ScrollView style={{flex: 5, backgroundColor: 'skyblue'}}>
<Text style={{ fontSize: 100}}>Scroll me plz</Text>
<Text style={{ fontSize: 100}}>Scroll me plz</Text>
</ScrollView>
</View></code></pre>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>ScrollView 是一个不继承 <code>flex</code> 使用的组件。您要做的是将 ScrollView 包装在一个 View 中，这将创建您想要的 flex 比率。</p>
<pre><code><View style={{flex: 1}}>
<View style={{flex: 1, backgroundColor: 'powderblue'}}>
<Text>Add new stuff</Text>
<Button title="Browse Gallery" onPress={ openGallery } />
</View>
<View style={{flex: 5}}>
<ScrollView style={{backgroundColor: 'skyblue'}}>
<Text style={{ fontSize: 100}}>Scroll me plz</Text>
<Text style={{ fontSize: 100}}>Scroll me plz</Text>
</ScrollView>
</View>
</View>
</code></pre></p>
<p style="font-size: 20px;">关于ios -react 原生 : Flex for ScrollView doesn't work，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/47441985/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/47441985/
</a>
</p>
页:
[1]