如何截断 DropDownPicker (react-native-dropdown-picker) 中的文本？

Question

使用 DropDownPicker （在 android 的 React Native Expo 项目中）时，我想在占位符处截断长文本。

例如，如果占位符是

Select city

用户选择

City of Massachusetts

从下拉列表中，那么占位符应该是

City of Massachu...

而不是

City of

（马萨诸塞州这个词隐藏在第二行）。

我尝试了这两种风格：

textStyle: {
    flex: 1,
    flexWrap: 'nowrap',
    numberOfLines: 1,
    ellipsizeMode: 'tail',
}

和

placeholderStyle {
    flex: 1,
    flexWrap: 'nowrap',
    numberOfLines: 1,
    ellipsizeMode: 'tail',
}

但运气不佳。

所以问题是，如何使用自定义组件实现截断WITHOUT？

我使用这些版本：

"expo": "~51.0.17"
"react": "18.2.0"
"react-native": "0.74.3"
"react-native-dropdown-picker": "^5.4.6"

Answer 1

你应该将其添加到道具中

labelProps={{
  numberOfLines: 1
}}