React Native 自定义 Android 工具栏

Question

我有一个工具栏，目前的样子是这样的。

<ToolbarAndroid
        title='WWF'
        style={styles.toolbar}
        navIcon={require("./App/assets/logo.png")}
        logo={require("./App/assets/logo.png")}
        actions={[{title: 'list', show: 'always'}, {title: 'partners', show: 'always'}, {title: 'about',  show: 'always'}]}
        onActionSelected={this.onActionSelected} />

是否可以更改徽标的大小和位置？当前，它与左侧有一个边距，我想让它位于屏幕的左上角，并可能使其更宽。

此外，是否可以将两个图像并排作为徽标？

谢谢

- Adam Katz

Answer 1

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

- damusnet

Answer 2

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

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
  }
})

- Pradeep Goyal