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

然后在标签页面中

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

React native router flux：如何覆盖汉堡按钮样式？

3 个答案: