为什么我的反应原生导航栏的文字不在垂直中心？

Question

我使用Navigator.NavigationBar组件制作导航栏，但文字不是垂直居中的。

像这样：

我该如何解决这个问题？

Answer 1

我也遇到了这个问题。解决方案：

<Navigator.NavigationBar
    routeMapper={{
        Title: (route, navigator, index, navState) =>
            {
                return (
                    <View style={{
                            justifyContent: 'center',
                            flex: 1
                        }}>
                        <Text style={{color: 'white'}}>Candidates</Text>
                    </View>
                );
            },
    }}
/>

所以基本上要确保导航栏元素上的父换行填充导航栏高度（flex: 1规则）并将其内容垂直居中justifyContent: 'center'。

我已经为此示例完成了内联样式，但当然从StyleSheet对象中获取这些样式会更有效。