React native 反应本地纸张数据表。单元格溢出文本导致隐藏全文

React native 反应本地纸张数据表。单元格溢出文本导致隐藏全文,react-native,react-native-paper,React Native,React Native Paper,下面的代码使用DataTable.Cell 如果文本大于列宽,则隐藏文本 如果大于列宽的文本需要在下一行中打断文本,请帮助显示文本 测试1 日期:1 距离:0 第12单元 第13单元 测试2测试2测试2 日期:1 距离:0 单元格2 第23单元 const styles=StyleSheet.create({ 容器:{ 弹性:1, 填充:16, 玛金托普:20, zIndex:1 }, 自动完成容器:{ 弹性:1, }, 描述容器:{ 弹性:1, 为内容辩护:“中心”, 宽度:'100%',

下面的代码使用
DataTable.Cell

如果文本大于列宽,则隐藏文本

如果大于列宽的文本需要在下一行中打断文本,请帮助显示文本


测试1
日期:1
距离:0
第12单元
第13单元
测试2测试2测试2
日期:1
距离:0
单元格2
第23单元
const styles=StyleSheet.create({
容器:{
弹性:1,
填充:16,
玛金托普:20,
zIndex:1
},
自动完成容器:{
弹性:1,
},
描述容器:{
弹性:1,
为内容辩护:“中心”,
宽度:'100%',
对齐项目:“拉伸”
},
项目文本:{
尺寸:15,
paddingTop:5,
填充底部:5,
差额:6,
颜色:“#000”,
},
信息文本:{
textAlign:'中心',
尺寸:16,
},
自动删除部分:{
背景颜色:“fff”,
弹性:1,
},
集装箱管理员:{
弹性:1,
填充:0,
玛金托普:0,
},
数据行1:{
弹性:4,
flexDirection:'列',
},
表格标题:{
背景色:“2375b3”,
颜色:“#ffffff”,
尺寸:24,
重量:'700',
弹性:2,
},
表格标题:{
尺寸:14,
容重:“500”,
颜色:“#fff”,
textAlign:“居中”
},
tableheadercell:{
颜色:“fff”,
尺寸:24,
},
单元格:{
颜色:“#fff”,
尺寸:24,
flexDirection:“列”
},
stnname:{
尺寸:12,
重量:'700',
颜色:“#333”,
textAlign:“左”,
flexWrap:“wrap”,
alignContent:'flex-start'
},
行框:{
paddingTop:10,
填充底部:10,
paddingLeft:0,
paddingRight:0,
flexDirection:“列”,
textAlign:“左”,
justifyContent:“flex-start”,
弹性:1,
边界宽度:2,
边框颜色:'红色',
flexWrap:“wrap”,
宽度:'100%'
}
});

我也遇到了同样的问题,在大搜索之后,我干脆放弃这个想法,开始使用它


构建相同的结构非常简单,比如一个表,o之后只要设置边框就可以了,完成后就像Html一样简单。

我也遇到了同样的问题,在大搜索之后,我干脆放弃这个想法,开始使用它

构建相同的结构非常简单,比如一个表,o之后只要设置边框就可以了,而且像Html一样简单