react-native:使用徽标时ToolbarAndroid不显示标题

时间:2017-02-26 18:59:37

标签: android reactjs react-native

在工具栏android中使用徽标时,我无法显示标题。未填充徽标时,标题显示在工具栏中。

需要左对齐徽标,然后是标题,然后是右侧的设置。可能吗?

return (
      <View>
      <ToolbarAndroid style={styles.toolbar}
      logo={require('../images/P.png')}
      title="Toolbar"
      actions={[{title: 'Settings', icon: require('../images/setting.png'),show:'always',showWithText:'true'} ]}
 />
      <Image source={require('../images/P.png')}  style={{width: 40, height: 40}} />

        <Text> This is home page. </Text>


        </View>
    )

var styles = StyleSheet.create({
toolbar: {
    height: 56,
    backgroundColor: '#4883da',
},
});

这就是我看到的标志..

enter image description here

这是没有徽标的屏幕截图

enter image description here

1 个答案:

答案 0 :(得分:0)

想出我使用原始图片而没有为app调整大小。徽标的图像尺寸应该很小(如图标)。当我将成像大小调整为36X36时,它有效..