反应本机 |自动宽度 100%

Question

我使用的是 React Native 版本 0.63.4。有一个我刚刚注意到的错误，以前没有发生过。它确实 -width: '100%' - 就好像我自己将它添加到我创建的任何对象（文本、视图）的样式中一样。以前不是这种情况。例如，我想将文本的背景涂成红色。但就如 space 一样。不是全部。我会添加 -width: '100%' - 如果我想要这个。但是现在它会自动添加它。是什么原因及解决方法？

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

const App = () => {
  return (
    <View style={{flex: 1}}>
      <Text style={{marginTop: 80, backgroundColor: 'red'}}>EXAMPLE</Text>
    </View>
  );
};

export default App;

Answer 1

尝试这种方式，因为默认情况下它会占用全角，如果你想换行，请尝试添加 alignSelf:"flex-start" like

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

const App = () => {
  return (
    ...
      <Text style={{... , alignSelf:"flex-start"}}>EXAMPLE</Text>
    ...
  );
};

export default App;

反应本机 |自动宽度 100%

React Native | Auto Width 100%

styles

react-native