React Native移动导航文本

时间:2016-03-24 03:53:05

标签: reactjs react-native

Hey In what native我正在使用,到目前为止一切运作良好,但标题和后退按钮文本没有对齐。 (登录高于注册)任何想法如何设置?

enter image description here

render() {
    const titleConfig = {
      title: 'login',
      tintColor: "white",
    }
    return(
        <View style={styles.bb}>
            <NavigationBar
              title={titleConfig}
              tintColor="black" />
        </View>

    )
}

1 个答案:

答案 0 :(得分:1)

您可以使用样式将react元素传递给title prop,以使其根据您的要求对齐。例如:

render() {
  const title = <View style={styles.navTitle}>
    <Text style={styles.navTitleText}>Login</Text>
  </View>;

  return (
    <View style={styles.bb}>
       <NavigationBar
          title={title}
          tintColor="black"
        />
    </View>
  );
}

var styles = StyleSheet.create({
  navTitleText: {
    color: "white",
    fontSize: 19,
    marginBottom: 4,
  }
});

以下是有关API https://github.com/react-native-fellowship/react-native-navbar#api

的完整指南