视图样式在React Native中不起作用

Question

我是React Native的新手， 在我的代码中使用const Main = () => { ..}

之前

但是当我更改为export default class Main extends React.Component { ..}时，会出现问题，例如View中的样式无法正常工作，但错误',' expected in style

快照：

即时通讯使用新版本的react native

Answer 1

您缺少了return（）方法应该在的render（）方法。

例如：

export default class LotsOfStyles extends Component {
  render() {
    return (
      <View>
        <Text style={styles.red}>just red</Text>
        <Text style={styles.bigBlue}>just bigBlue</Text>
        <Text style={[styles.bigBlue, styles.red]}>bigBlue, then red</Text>
        <Text style={[styles.red, styles.bigBlue]}>red, then bigBlue</Text>
      </View>
    );
  }
}

来自react native docs