有沒有辦法將下拉選擇器中每個條目的 numberOfLines 設置為 1？ (react-native-dropdown-picker)

Question

代碼：

<DropDownPicker
  //code here
  style={styles.dropdown_container}
  textStyle={styles.dropdown_itemstyle}
  props={{style: styles.dropdown_container}}
  itemProps={{
    style: {
      height: 30,
      paddingHorizontal: '3%',
      flexDirection: 'row',
    },
  }}
  showTickIcon={false}
  flatListProps={{
    style: {
      backgroundColor: COLORS.dirty_white,
      borderRadius: 6,
      borderColor: COLORS.gray_filter,
      borderWidth: 1,
      paddingTop: '2%',
    },
  }}
  dropDownContainerStyle={{
    borderWidth: 0,
  }}
  zIndex={5001}
/>

//code here

<View style={styles.bottomContainer}>
  <Text numberOfLines={1}>
    'Personal - I have problem in my birth certificate, my passport, my
    criminal case, etc.'
  </Text>
  <Button
    buttonStyle={[styles.clientBtnStyle, {backgroundColor: '#5E1B89'}]}>
    <Text style={{color: 'white', fontWeight: 'bold', fontSize: 12}}>
      Submit
    </Text>
  </Button>
</View>

下拉選擇器中每個項目所需的結果是提交按鈕上方的結果。 我在 labelProps 中嘗試了 numberOfLines，但不幸的是它不起作用。 有沒有什么辦法解決這一問題？

Answer 1

您是否嘗試過使用 ellipsizeMode 截斷文本

Answer 2

至少有兩種不同的解決方案。

1. 渲染自定義列表項

https://github.com/hossein-zare/react-native-dropdown-picker/issues/460

2. 拉取合並后，或者您在發生之前手動進行此類更改

https://github.com/hossein-zare/react-native-dropdown-picker/pull/542

正如我所知道的，帶有 numberOfLines: 1 的labelProps應該在選擇器未打開時起作用，這樣文本就不會換行。 但是要讓它在列表項中工作，還沒有任何道具可以輕松實現這一點。