react-native 背景图设置文字置底居中

import { StyleSheet, View, Text, ImageBackground, StatusBar } from "react-native";

  render() {
    return (
      <View>
        //隐藏顶部状态栏    
        <StatusBar backgroundColor="#ff0000"
          translucent={true}
          hidden={true}
          animated={true}/>

        <ImageBackground source={Images.ic_back_advertising} style={styles.backgroundImage}> 
          <Text style={styles.footText}>
            三秒后自动跳转到主页或点击跳过
          </Text>
        </ImageBackground>
      </View>
    )
  }


const styles = StyleSheet.create({
  backgroundImage: {
    width: "100%",
    height: "100%",
  },
  footText: {
    position: "absolute",
    bottom: 10,
    width: 250,
    left: "50%",
    marginLeft: -125,
  },
});

折腾一个上午，总算搞定了这个问题