react-native自定义android工具栏

时间:2016-01-25 08:55:21

标签: android react-native

我有一个目前看起来像这样的工具栏

>

是否可以更改徽标的大小和位置?目前它左边有一个边距,我想让它坐在屏幕的左下角,并可能使它更宽。

还可以将两个图像作为徽标彼此相邻吗?

由于

2 个答案:

答案 0 :(得分:1)

我不认为<ToolbarAndroid />可以自定义。您可能最好使用<View />来构建自己的组件以满足您的需求,或者查看react-native-navbar库。

答案 1 :(得分:0)

尝试使用此代码实施工具栏

ender () {
    const { title, onLeftPress, showDrawer } = this.props
    return (
      <Icon.ToolbarAndroid
        navIconName={showDrawer ? 'md-menu' : 'md-arrow-back'}
        onIconClicked={onLeftPress}
        style={styles.toolbar}
        titleColor={'white'}
        title={title}
      />
    )
  }

const styles = StyleSheet.create({
  toolbar: {
    backgroundColor: 'blusteel',
    height: 54,
    position: 'absolute', 
    top: 0, 
    left: 0, 
    width: Dimensions.get('window').width
  }
})