Значок действия Android на панели инструментов React не работает

Я использую собственные векторные иконки реакции для отображения значков действий на панели инструментов. Но похоже, что это не работает.

Импорт и значок

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = (<Icon name="compass" size={30} color="#900" />)

Главный вид

 <View style={styles.containerToolbar}>
     <ToolbarAndroid style={styles.toolbar}
         title="Test"
         actions={toolbarActions}
         onActionSelected={this.onActionSelected}>
     </ToolbarAndroid>
 </View>

var toolbarActions = [
    {title: 'Compass', icon:{myIcon} show: 'always'}
];

react-native android react-native-android
person Coder    schedule 08.03.2017    source источник
comment
Где ваш метод onActionSelected?   -  person Nitesh Mishra    schedule 08.03.2017
comment
Почему это имеет значение?   -  person Coder    schedule 09.03.2017

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете установить значок действий следующим образом -

var toolbarActions = [
  {title:'Compass', iconName:'compass', iconColor:"#900", iconSize:30, show:'always'}
];

Кроме того, вам нужно использовать Icon.ToolbarAndroid вместо ToolbarAndroid.

<Icon.ToolbarAndroid
  actions={toolbarActions}
  ....
>

Подробнее здесь - https://github.com/oblador/react-native-vector-icons#usage-with-toolbarandroid

person vinayr    schedule 08.03.2017
comment
Не думайте, что вы внимательно прочитали вопрос. Я пытаюсь установить значок для действия, а не для navIcon - person Coder; 09.03.2017