ScrollView 在其中包含 View 组件时无法滚动

Question

我正在使用 React Native：
我有一个在ScrollView内部调用的组件：

function SomeScreen(){

    return(

        <ScrollView style={myStyles.someStyles}>

            <View>
                <Text style={myStyles.homeHeroTitle}>Hello Tom</Text>
                <Text>It's great seeing you!</Text>
            </View>


            <View>
                <Text>SomeText</Text>
            </View>
            
            <View>
                <Text>SomeOtherText</Text>
            </View>
    
        </ScrollView>   
    );
    
}


let myStyles = StyleSheet.create({
   someStyles:{
      width: "100%",
      height: "100%",
      
   },
});

我不能在滚动型滚动，当我打电话了滚动内其他视图元素。

但是，当ScrollView中的唯一元素是Text元素时，我可以滚动。

Answer 1

在滚动视图的样式中使用 flex:1 并尝试为滚动添加更多文本（添加数据）。

Answer 2

首先，尽量避免使用过多的视图，因为文本也具有您可以使用的视图属性。

其次，您可以为 ScrollView 设置样式

someStyles:{
flex:1
}

这取决于您从何处导入 ScrollView。是从 react-native 还是 react-native-gesture-handler？

import { ScrollView } from 'react-native';
import { ScrollView } from 'react-native-gesture-handler';