目录

RN溢出显示省略号代码

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
本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
悲且狂9 分钟前
vue辅助工具(vue系列二)
前端·javascript·vue.js
牧码岛34 分钟前
Web前端之Vue+Element实现表格动态不同列合并多行、localeCompare、forEach、table、push、sort、Map
前端·javascript·elementui·vue·web·web前端
老K(郭云开)37 分钟前
如何让eDrawings html文件在Chrome浏览器上展示——allWebPlugin中间件扩展
前端·javascript·chrome·中间件·edge·html
DCTANT1 小时前
【原创】vue-element-admin-plus完成确认密码功能,并实时获取Form中表单字段中的值
前端·javascript·vue.js·elementui·typescript
汪子熙1 小时前
使用 Trae 开发一个演示勾股定理的动画演示
前端·人工智能·trae
GISer_Jing2 小时前
字符串操作&栈和队列
前端·javascript
黑土豆2 小时前
TypeScript技术系列13:深入理解配置文件tsconfig.json
前端·javascript·typescript
zheshiyangyang2 小时前
JavaScript---原型和原型链
开发语言·前端·javascript
momo_养身版2 小时前
Browser use — 利用 AI 操作浏览器 · 原理篇
前端·openai
悲且狂2 小时前
Vue环境搭建:vue+idea
前端·vue.js·intellij-idea