在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

我尝试了您的源代码并找到了解决方案。

我已从flex:1样式（在 App.js 中）和image中删除buttonStyle，但它按预期工作。

希望这会有所帮助。