我将尝试在我的地图组件中移动一个按钮。我正在使用react-native-maps。
让我展示给你我的代码:
render() {
console.log(this.state)
const { region } = this.state;
return (
<View style={styles.container}>
<MapView
provider={this.props.provider}
mapType="standard"
style={styles.map}
showsUserLocation={true}
initialRegion={region}
>
<UrlTile
urlTemplate="XXX"
zIndex={-1}
/>
<Button style={{ borderWidth: 2, alignItems:'right',justifyContent:'right'}} title="Info" onPress={() => console.log("This is not fired")}/>
</MapView>
<View>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
},
map: {
marginTop: 20,
flex: 1,
},
});
在这种情况下,我的按钮位于地图的中心/顶部,我想将它移动到地图的中心/右侧。 有什么想法吗? 谢谢。