js
import React from 'react'
import { View, Text, StyleSheet } from 'react-native'
const App = () => {
return (
// 可以在父标签加宽度限制
<View style={styles.container}>
{/* 也可以自己给宽度限制,简单来说就是只要给text限制宽度就行,没宽度就参考父标签宽度 */}
<Text style={{ width: 300 }} numberOfLines={1} ellipsizeMode="tail">
这是一段可能会溢出的文本,设置了显示省略号。
</Text>
</View>
)
}
const styles = StyleSheet.create({
container: {
flex: 1,
// width: 300,
justifyContent: 'center',
alignItems: 'center',
},
})
export default App