Question

我正在尝试为我正在处理的反应原生项目创建设置菜单，而对于我的大多数UI，我使用的是反应原生元素。我需要的一个设置是一个布尔值，所以我想使用一个开关来改变那个值。但是我无法将开关显示在列表项上。

以下是我在settings.js文件中的导入：

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

当我尝试使用开关创建一个列表项时，如下所示：

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

我收到一条错误消息：＆＃34; TypeError：在此环境中，assign的源必须是一个对象。此错误是性能优化，而不符合规范＆＃34;

如果我尝试创建一个像这样的ListItem：

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

项目显示但没有开关。我错过了什么？

Answer 1

首先我认为列表中没有开关道具。

其次，如果你需要显示switchButton，你还需要添加hideChevron prop。

示例：

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

React Native Elements ListItem不会显示切换按钮

1 个答案: