反应本机组件自定义项以进行选择

时间:2019-02-11 09:54:35

标签: javascript react-native

我是新来的本地人。而且,我试图在屏幕上创建一个选择器选择组件,如下所示:

这是要绑定到RNPickerSelect项目的数组:

 accounts: [
            {
                label: 'Acct1',
                value: '12345678...',
            },
            {
                label: 'Acct2',
                value: '12345888...',
            },

        ]

这是RNPickerSelect组件:

 <RNPickerSelect
                items={this.state.accounts}



                placeholder={{

                    label: 'Select your Account...',
                    value: null,
                    color: '#9EA0A4',
                }}
                onValueChange={(value) => {
                    this.setState({
                        favColor: value,
                    });
                }}
            >

            </RNPickerSelect>

一切正常。但是我需要的是自定义项目,每个项目中包含多行(例如子标签)

让我解释更多:单击选择器时,我会得到:

imagw1

但是我真正需要的是:

image2

我试图在帐户标签(<table><tbody><tr><td><Acc1></td><td>balance:1200$</td>...)中输入html表,但我认为这不兼容。

请告知。我是否应该更改组件或执行其他操作?

感谢您的帮助

0 个答案:

没有答案