なぜコンポーネントがReactNativeのScrollViewにラップされていないと縮小されるのですか？

Question

Stephen Griderチュートリアルの後にプロジェクトを作成していますが、ScrollViewでラップしていないときにビューが縮小したときに本当に止まってしまいました。ここで

はgithubの内のコードです：https://github.com/jasonkoirala/Swipe

私は、次のコードをラップする場合：ここで

render() { 
    return (
    <ScrollView> 
    <View> 
     <Deck 
     data={DATA} 
     renderCard={this.renderCard.bind(this)} 
     /> 
    </View> 
    </ScrollView> 
    ); 
} 
} 

は私がScrollViewを包むときに私が得る出力されます。ここ

そして、 ScrollViewでラップしていないときの出力です：

私は使用したくありませんScrollView私のコンテンツをラップする代わりに、私はViewとしたい、私はビューに次のスタイルを与えてみましたが、それは動作しませんでした。

`flex: 1, 
backgroundColor: '#fffdff', 
position: 'absolute', 
top: 0, 
bottom: 0, 
left: 0, 
right: 0` 

私はちょうど誰もこれで私を助けて、それがこのように動作理由を説明することができますReactNativeを学び始めました。ありがとうございました。 PS：上記のダウンロードリンクが記載されているプロジェクトフォルダにreact-native run-androidまたはreact-native run-iosを使用してください。

Answer 1

私はあなたのソースコードを試して、解決策を見つけました。

私は（App.js中）スタイルimageからとbuttonStyleからflex:1を削除しているし、期待どおりに働きました。

希望すると、これが役立ちます。