ViewPagerAndroidはReact-Nativeを使用してScrollViewで表示されません

ViewPagerAndroidを使用できますが、ScrollViewコンポーネントの下に置くと何も表示されません。誰かがこれまでに遭遇しましたか？ViewPagerAndroidはReact-Nativeを使用してScrollViewで表示されません

が反応-ネイティブ：バージョン0.22 プラットフォーム：Androidの

を期待通り、この作品：

<ViewPagerAndroid style={{flex: 1}} initialPage={0}> 
    <View><Text>View 1</Text></View> 
    <View><Text>View 2</Text></View> 
    <View><Text>View 3</Text></View> 
</ViewPagerAndroid>;

以下は何もレンダリングしません：

<ScrollView style={{flex: 1}}> 
<ViewPagerAndroid style={{flex: 1}} initialPage={0}> 
    <View><Text>View 1</Text></View> 
    <View><Text>View 2</Text></View> 
    <View><Text>View 3</Text></View> 
</ViewPagerAndroid> 
</ScrollView>

私もgithubの上の問題を作成しました： #6469

出典

2016-03-15 cubbuk

多分、ScrollViewにもサイズを与える必要がありますか？ ScrollViewに何か他のもの（Textのようなもの）を入れてレンダリングがうまくいくか調べてみてください。 –

@MartinKonicek ViewPagerAndroidに高さを設定すると、期待どおりに動作するようになりましたが、問題はflex：1を使用しようとしているため、scrollViewが利用可能なスペースをカバーするためです。それを達成する方法はありますか、私はflex：1をScrollViewのスタイルとして追加してコードを更新しました。 – cubbuk

これは古い質問ですが、contentContainerStyle = {{flex：1}}をScrollViewに追加してみてください。たとえば、 –

これは古い質問ですが、私も同様の問題に直面し、contentContainerStyle = {{flex：1}}をscrollviewタグに追加することで解決しました。など。

<View style={{ flex: 1 }}> 
    <ScrollView style={{ flex: 1 }} contentContainerStyle={{ flex: 1 }}> 
     <ViewPagerAndroid style={{ flex: 1 }} initialPage={0}> 
      <View><Text>View 1</Text></View> 
      <View><Text>View 2</Text></View> 
      <View><Text>View 3</Text></View> 
     </ViewPagerAndroid> 
    </ScrollView> 
    {/*some other views*/} 
    <View style={{ height: 20, width: null, flex: 1 }}/> 
</View>

出典

2017-06-01 07:00:57

これはうまくいきます。

<ScrollView style={{flex: 1}}> 
     <View style={{flex: 1}} > 
     <ViewPagerAndroid style={{flex: 1}} initialPage={0}> 
      <View><Text>View 1</Text></View> 
      <View><Text>View 2</Text></View> 
      <View><Text>View 3</Text></View> 
     </ViewPagerAndroid> 
    </View> 
</ScrollView>

出典

2017-06-27 10:04:09 Moorthy

ViewPagerAndroidはReact-Nativeを使用してScrollViewで表示されません

答えて

関連する問題