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

Question

I am not able to display the title when logo is used in toolbar android. Title is displayed in toolbar when logo is not populated.

Need logo to be aligned left, followed by title and then settings to the right. Is it possible?

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',
},
});

This is what I see with logo..

and here is the screenshot without logo

Answer 1

Figured out that I used the original image as is without resizing it for app. The image size for the logo should be small(like a icon). When I resized the imaged to 36X36, it worked..