Tab 中的 react-native-maps 不起作用
威廉·P
我无法<MapView />在选项卡内显示我的内容。我正在使用react-native-scrollable-tab-view
在<MapView />即使使用后会在地图上不显示：...StyleSheet.absoluteFillObject。仅当我放置固定高度时，我才能显示地图。例如：height: 500。
这是我的示例选项卡屏幕的样子。
styles = StyleSheet.create({
tabContent: {
flex: 1,
},
map: {
...StyleSheet.absoluteFillObject,
},
});
class HomeTemporary extends Component {
render() {
return (
<ScrollableTabView
renderTabBar={() => <ScrollableTabBar />}
>
<ScrollView tabLabel="List" style={styles.tabContent}>
<Text>Content Tab One</Text>
</ScrollView>
<ScrollView tabLabel="Map" style={styles.tabContent}>
<MapView
scrollEnabled
style={styles.map}
provider={MapView.PROVIDER_GOOGLE}
initialRegion={{
latitude: 25.2048493,
longitude: 55.2707828,
latitudeDelta: LATITUDE_DELTA,
longitudeDelta: LONGITUDE_DELTA,
}}
/>
</ScrollView>
</ScrollableTabView>
);
}
}
特马科济列夫
绝对关于什么？如果地图在视图里面，视图组件还必须指定宽度和高度的绝对值。在你的情况下tabContent。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
订阅在React Native中不起作用？
- 2
flex在react-native中的ScrollView中不起作用
- 3
开关盒在React Native中不起作用
- 4
number.toLocaleString（）在react-native中不起作用
- 5
Axios发布请求在React Native中不起作用
- 6
posesEnabled：false在React Native中不起作用
- 7
onPress在React Native Flatlist中不起作用
- 8
React Native：NavigationOptions中的标题样式不起作用
- 9
componentDidMount或componentWillMount在React-Native中不起作用？
- 10
Pressable在React-Native Android中不起作用
- 11
获取在 React Native ios 中不起作用
- 12
React Native 中的垂直居中不起作用
- 13
在 React Native fetch 方法中解析 JSON 不起作用
- 14
react-native 中的导航不起作用
- 15
视图样式在 React Native 中不起作用
- 16
在 IOS 中使用 React Native Maps 放大不起作用
- 17
React Native Typescript模板不起作用
- 18
React Native Android Example不起作用
- 19
React Native条件不起作用？
- 20
React Native Android模块不起作用
- 21
React-native Scrollview 不起作用
- 22
调试为什么特定字体在React Native中不起作用
- 23
循环和渲染元素在React-native中不起作用
- 24
React Native中的Flex框不起作用按钮不会显示
- 25
FlatList onEndReached事件在React-Native上的ScrollView中不起作用
- 26
React Native-下拉菜单中的Z-index不起作用
- 27
我想应用borderTopRightRadius但在React-Native中不起作用
- 28
highcharts-react-native在iOS二进制文件（.ipa）中不起作用
- 29
react-native-image-picker在android 10中不起作用
我来说两句