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,
  }
})