React Native Router Flux：如何覆盖汉堡按钮样式？

Question

有没有办法自定义汉堡按钮的填充/位置...。在 doc 中，我正好可以找到 drawerImage 参数来覆盖汉堡图片...

Answer 1

遗憾的是没有分叉就没有选择。您可以在此处查看代码： https://github.com/aksonov/react-native-router-flux/blob/master/src/NavBar.js。填充和位置是固定的。

Answer 2

实际上它有一个参数：leftButtonStyle

Answer 3

在我的例子中，我使用 react-native-vector-icons getImageSource 作为汉堡图标

componentWillMount() {
  Promise.all([Icon.getImageSource('bars', 16, 'black')])
  .then((values) => {
    this.setState({
       menuIcon: values[0],
     });
  });
}

然后你做这样的事情：

const menuIcon = {
  uri: this.state.menuIcon.uri,
  height: 20,
  width: 20,
  resizeMode: 'stretch',
  color: 'white',
};

那么在你的tabs场景中

<Scene
    key="main"
    type="replace"
    initial
    drawerImage={menuIcon}
    tabs
    style={{ backgroundColor: theme.navColor, justifyContent: 'center' }}
>

React Native Router Flux：如何覆盖汉堡按钮样式？

React native router flux : how to overrride burger button style?

react-native-router-flux