如何在react-native中只显示`Picker`中`selectedValue`的一部分？

npm install react-native-picker-select

import React from 'react';
import { View } from 'react-native';
import RNPickerSelect from 'react-native-picker-select';

const CustomPicker = () => {
  const pickerItems = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
    { label: 'Option 3', value: 'option3' },
  ];

  return (
    <View>
      <RNPickerSelect
        items={pickerItems}
        onValueChange={(value) => console.log(value)}
        style={{
          inputIOS: {
            fontSize: 16,
            paddingVertical: 12,
            paddingHorizontal: 10,
            borderWidth: 1,
            borderColor: 'gray',
            borderRadius: 4,
            color: 'black',
            paddingRight: 30, // 添加右侧间距以显示部分选中值
          },
          inputAndroid: {
            fontSize: 16,
            paddingHorizontal: 10,
            paddingVertical: 8,
            borderWidth: 0.5,
            borderColor: 'purple',
            borderRadius: 8,
            color: 'black',
            paddingRight: 30, // 添加右侧间距以显示部分选中值
          },
        }}
      />
    </View>
  );
};

export default CustomPicker;

import React from 'react';
import { View } from 'react-native';
import CustomPicker from './CustomPicker';

const App = () => {
  return (
    <View>
      <CustomPicker />
    </View>
  );
};

export default App;