Android 修复元素大小并在其上添加ScrollView
我想在页面底部添加更多信息,并修复此页面上的底部卡片部分。但在滚动时,我想查看我想在底部添加的其他信息,这些信息只有在滚动后才会显示。我怎么做 我现在有以下代码:Android 修复元素大小并在其上添加ScrollView,android,ios,react-native,scrollview,Android,Ios,React Native,Scrollview,我想在页面底部添加更多信息,并修复此页面上的底部卡片部分。但在滚动时,我想查看我想在底部添加的其他信息,这些信息只有在滚动后才会显示。我怎么做 我现在有以下代码: render(){ 返回( ) } } const styles=StyleSheet.create({ 容器:{ 位置:'绝对', 排名:0, 左:0,, 底部:0, 右:0,, justifyContent:“柔性端”, 对齐项目:“中心” }, 映射容器:{ 弹性:1, 宽度:宽度, 高度:高度 } })试试下面的方法 将J
render(){
返回(
)
}
}
const styles=StyleSheet.create({
容器:{
位置:'绝对',
排名:0,
左:0,,
底部:0,
右:0,,
justifyContent:“柔性端”,
对齐项目:“中心”
},
映射容器:{
弹性:1,
宽度:宽度,
高度:高度
}
})
试试下面的方法
将JobInfo
添加到滚动视图中。并从mapContainer
<ScrollView style={[{flex:1} ,{ width: '100%'}, {justifyContent: 'flex-start'}]}>
<JobInfo/>
</ScrollView>
使用flex
值调整地图的高度
编辑1
如果要滚动所有容器(地图和作业信息),则需要为地图设置特定高度。将所有元素包装到一个滚动视图中,如下所示
<ScrollView style={[{flex:1} , {justifyContent: 'flex-start'}]}>
<View style={styles.container}>
<MapView style={styles.mapcontainer}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}} />
<JobInfo/>
</View>
</ScrollView>
您可以使用FlatList或SectionList,并将您的CardItem组件传递到renderItem
函数当我使用FlatList时,它只显示地图,而不显示其他内容@aa您只想滚动JobInfo项目。?或者Map和Jobinfo在一起只需Jobinfo项目@VinayakBYes就可以了。谢谢。但是现在我意识到我也需要滚动地图。你能告诉我怎么做吗@请澄清一下。之后有什么内容吗。若否,则地图是否为固定大小(不带flex)?否之后并没有内容,地图也不是固定大小@Vinayak BIn那个样的话地图上并没有什么可以滚动的。若我错了,请纠正我。你想增加地图的高度吗。所以屏幕的顶部和底部都可以滚动?确切地说,当我滚动JobInfo部分时,我也想滚动地图。因为现在滚动JobInfo部分是在滚动地图下。我想滚动两者。这有意义吗@维纳亚克B
<ScrollView style={[{flex:1} , {justifyContent: 'flex-start'}]}>
<View style={styles.container}>
<MapView style={styles.mapcontainer}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}} />
<JobInfo/>
</View>
</ScrollView>
const styles = StyleSheet.create ({
container: {
flex: 1,
},
mapcontainer: {
width: '100%',
height:600,
}
})