相關js源碼地址

node_modules\react-native\Libraries\CustomComponents\Navigator\
NavigatorNavigationBar.js

Paste_Image.png

有個navigationStyles屬性 跟蹤在android下指向的是

node_modules\react-native\Libraries\CustomComponents\Navigator\NavigatorNavigationBarStylesAndroid.js

修改如下

Paste_Image.png

var BASE_STYLES = {
  Title: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    right: 0,
    /*alignItems: 'flex-center',*/
    alignItems: 'center',
    height: NAV_ELEMENT_HEIGHT,
    backgroundColor: '#ff004e',
    /*marginLeft: TITLE_LEFT,*/
    marginLeft: 0,
    paddingHorizontal : TITLE_LEFT,

  },

使用示例

render() {
        return (
            <Navigator
            initialRoute={{name: 'ScrollViewDemo', component: ScrollViewDemo}}
            renderScene={this.renderScene}
            navigationBar={<Navigator.NavigationBar
                style={styles.navContainerRoot}
                routeMapper={this.NavigationBarRouteMapper()
                }
        />}
            ></Navigator>
        );
    }

    ...

    const styles = StyleSheet.create({
    /*高度不要設置 Navigator\NavigatorNavigationBar.js 中的navigationStyles NavigatorNavigationBarStylesAndroid已默認定義了，56*/
        navContainerRoot: {
            backgroundColor: '#81c04d',
            alignItems: 'center',
            justifyContent: 'center',
        },