React native 如何在“反应原生材质”菜单项中包装文本？

我使用

react native material menu

显示搜索自动完成。 我试图将文本包装在MenuItem中，以便显示地址的全部，现在它被剪切。 以下是我的实现：

return (
    <View style={styles.container}>
      <Menu
        button={<View />}
        style={{...styles.menu, backgroundColor: props.appTheme.SECONDARY_BG}}
        ref={menu}>
        {dataSource.map((item, index) => {
          return (
              <MenuItem
                style={styles.menuItem}
                key={index}
                onPress={() => handlePressSearchItem(item)}>
                <Text
                  style={{
                    color: props.appTheme.DEFAULT_FONT_COLOR,
                    flexWrap: 'wrap',
                    flex: 1,
                  }}>
                  {item.place_name}
                </Text>
              </MenuItem>
          );
        })}
      </Menu>
    </View>
  );

const styles = StyleSheet.create({
  container: {},
  menu: {
    width: '86%',
  },
  loadingItem: {
    marginLeft: 20,
  },
  menuItem: {
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center',
    maxWidth: '100%',
  },
});

返回(
{dataSource.map（（项，索引）=>{
返回(
handlePressSearchItem（项目）}>
{item.place_name}
);
})}
);
const styles=StyleSheet.create({
容器：{}，
菜单：{
宽度：“86%”，
},
加载项：{
marginLeft:20，
},
菜单项：{
flexDirection:'行'，
justifyContent:“flex start”，
对齐项目：“居中”，
maxWidth:“100%”，
},
});

以下是当前结果的屏幕截图：

---

您是否尝试过使用-？我不确定我们是否可以在react-native中使用

溢出包装，没有注意到它是用于react-native的，没关系，不用担心。为什么不创建一个
视图
来包装
文本
，并将
视图的
宽度
设置为
100%
您是否尝试过使用-？我不确定我们是否可以在react-native中使用
溢出包装
。哦，很抱歉，没有注意到它是用于react Native的，没关系，不用担心。为什么不创建一个
视图
来包装
文本
，并将
视图的
宽度设置为
100%