当组件没有包装在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 ，它按预期工作。

希望这会有所帮助。