Как установить значок в MenuTrigger

У меня есть значок меню на панели навигации, и мне нужно использовать его как меню.

введите описание изображения здесь

Я пытаюсь добиться этого с помощью библиотеки response-native-popup-menu lib .

Компонент <MenuTrigger /> принимает только текст (строки) как опору.

Как я могу использовать значок в качестве триггера меню?


person roadev    schedule 08.07.2017    source источник


Ответы (2)


На самом деле MenuTrigger.text является только необязательным свойством в соответствии с "noreferrer" rel="noreferrer. документ

Необязательно | Текст для рендеринга. Когда это свойство предоставляется, дочерние элементы триггера не будут отображаться.

Внутри MenuTrigger можно разместить любой контент (если вы не используете свойство text), например

<MenuTrigger>
  <YourIcon>
</MenuTrigger>

См. Также официальный пример.

person sodik    schedule 09.07.2017

Спасибо, что спросили и разместили ответ на этот вопрос. У меня был тот же вопрос, и я решил его благодаря этому сообщению. С помощью этого модуля я сделал имитацию бургерного меню. После реализации этого мой код теперь выглядит так.

  <MenuTrigger>
  <Image 
      source={require('./assets/Burger.png')}
      >
      </Image>
  </MenuTrigger>

Примечание. Сначала я попытался обернуть изображение> в TouchableOpacity>, что привело к сбою. Оказывается, в использовании нет необходимости. Вам нужно только вставить изображение> напрямую.

person L.U.    schedule 20.05.2019