React Native Elements ListItem не будет отображать кнопку переключения

Question

React Native Elements ListItem не будет отображать кнопку переключения

1

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

Вот мой импорт в файле settings.js:

import React from 'react';
import { Switch, Dimensions,  StyleSheet, Text, View } from 'react-native';
import {ListItem,  Input, Button } from 'react-native-elements';

Когда я пытаюсь создать элемент списка aa с помощью переключателя, вот так:

<ListItem
      switch
      title="Active"
      switched = {this.state.active}
/>

Я получаю сообщение об ошибке: "TypeError: В этой среде источники для назначения ДОЛЖНЫ быть объектом. Эта ошибка является оптимизацией производительности, а не совместимой с спецификацией"

Если я попытаюсь создать ListItem следующим образом:

<ListItem
      switchButton
      title="Active"
      switched = {this.state.active}
/>

Элемент отображается, но нет переключателя. Что мне не хватает?

stor314 15 июнь 2018, в 15:28

Источник

Теги:

javascript

react-native

user-interface

listitem

1 ответ

Ещё вопросы

Selmi Karim · Answer 1 · 2018-06-15T12-58-00.000Z

Сначала я думаю, что в списках нет реквизитов переключателей.

Во-вторых, если вам нужно отобразить кнопку switchButton, вам нужно также добавить hideChevron.

Пример:

       <List>
          <ListItem
            switchButton
            title=":( Where is my switch?"
            onSwitch={e => console.warning(e)}
          />
          <ListItem
            switchButton
            hideChevron
            title=":) Here it is!"
            onSwitch={() => {}}
          />
        </List>

Спасибо за ваш ответ, однако я до сих пор не получил никаких результатов. Я не уверен, что это потому, что мои ListItem не включены в компонент List из RNE, однако я верю, что версия, которую я использую для RNE, больше не включает списки.