Question

我使用react-native-vector-icon并且我希望道具navIconName动态更改以具有以下内容：

import Icon, {ToolbarAndroid} from 'react-native-vector-icons/MaterialIcons';

...
render() {

    const NAV_DRAWER_BUTTON = "menu";
    const NAV_BACK_BUTTON = "bluetooth"

    const ICON = this.props.navigationState.key == 'home'? NAV_DRAWER_BUTTON : NAV_BACK_BUTTON;

    return (
        <ToolbarAndroid
            navIconName={ICON}
            onIconClicked={this._onLogoSelected}
            style={styles.toolbar}
            subtitle={this.props.subtitle}
            title={this.props.title} />
    );
}

这是有效的，但是，例如，如果我写const NAV_BACK_BUTTON = "arrow_back"，我有一条消息，表示在消息中使用给定列表中的图标。如何使用我的图标arrow_back？

Answer 1

arrow_back应为arrow-back。

您可以在此处查看所有素材图标的列表 - https://materialicons.github.io/

动态navIconName ToolbarAndroid with react-native-vector-icon

1 个答案: