React native避免截断Picker中的文本

时间:2018-04-19 00:20:53

标签: android react-native truncate picker

我有时间尝试在拣货员中显示全文,但没有取得积极成果。

我尝试了NativeBase中发布的示例,但它对我不起作用,它似乎只适用于IOS。

如何避免截断选择器中的文本?

输出:Image

示例代码:

import React, { Component } from "react";
import { Picker } from 'react-native';

class Test extends Component {
render() {
    return (
        <Picker
            placeholder="select"
            mode="dropdown"
            selectedValue={1}
        >

            <Picker.Item
                label={"Long long long long long text text text text text text text text"}
                value={1}
            />
            <Picker.Item
                label={"Long long long long long text text text text text text text text"}
                value={2}
            />
            <Picker.Item
                label={"Long long long long long text text text text text text text text"}
                value={3}
            />
            <Picker.Item
                label={"Long long long long long text text text text text text text text"}
                value={4}
            />
        </Picker>
    );
}
}

0 个答案:

没有答案