Reactjs 在Scrollview中启用滚动
所以我创建了一个包含多个视图的ScrollView,但是滚动不起作用,我不能显示其他视图,有人知道我怎么做吗,或者我的代码有什么问题吗? 这是我的密码Reactjs 在Scrollview中启用滚动,reactjs,react-native,ecmascript-6,Reactjs,React Native,Ecmascript 6,所以我创建了一个包含多个视图的ScrollView,但是滚动不起作用,我不能显示其他视图,有人知道我怎么做吗,或者我的代码有什么问题吗? 这是我的密码 import React from 'react' import {ScrollView,View,Text,Button,StyleSheet,FlatList,Image} from 'react-native' export default function MedProfilScreen({route}){ const {name
import React from 'react'
import {ScrollView,View,Text,Button,StyleSheet,FlatList,Image} from 'react-native'
export default function MedProfilScreen({route}){
const {name,specialite,work}=route.params;
return(
<ScrollView contentContainerStyle={{flex:1,alignItems:'center'} } >
<View style={styles.ctr1}>
<Image style={styles.img} source={require('../assets/Title.jpg')} />
<Text style={styles.txt}>{name}</Text>
<Text style={styles.txt}>{specialite}</Text>
<Text style={styles.txt}>{work}</Text>
<Button title='Prendre rendez-vous' onPress={()=>{}} />
</View>
<View>
<Text>fgfg</Text>
<Text>fgfg</Text>
<Text>fgfg</Text>
<Text>fgfg</Text>
<Text>fgfg</Text>
</View>
</ScrollView>
);
}
从“React”导入React
从“react native”导入{ScrollView、View、Text、Button、StyleSheet、FlatList、Image}
导出默认函数MedProfilScreen({route}){
const{name,specialite,work}=route.params;
返回(
{name}
{specialite}
{工作}
{}} />
fgfg
fgfg
fgfg
fgfg
fgfg
);
}
从contentContainerStyle中删除flex:1,使用它就像这样做
<ScrollView>
<View style={{ flex: 1 }}>
some content
</View>
<ScrollView>
一些内容
这只会占用可用空间并删除滚动功能,因为内容不会比容器大