Question

我正在开发一个本机应用程序，我面临一个问题，即在视图内设置源文本而不会溢出。源文本字体大小和字体系列将由用户根据我需要在视图内渲染源文本的选定值来选择没有溢出。视图的高度是动态的（即）根据屏幕的高度。任何帮助将不胜感激，真的迷失了自己，不知道该怎么办？

Answer 1

只需尝试使用以下代码：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={{flex: 1}}>
        <Text style={{flex: 1, fontWeight: someVar, fontSize: someOtherVar}}>
          Some text: Lorem ipsum dolor...
        </Text>
      </View>
    );
  }
}

如果我正确理解您的意见，那么应该可以解决您的问题。只需阅读Text组件和Flexbox的基本文档即可。

Answer 2

将样式= {{{overflow：hidden}}添加到视图组件

如何在视图内设置文本而不会在react native中溢出？

2 个答案: