當組件沒有包裝在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

我嘗試了您的源代碼並找到了解決方案。

我從image樣式（在App.js中 ）和buttonStyle刪除了flex:1 ，它按預期工作。

希望這會有所幫助。