javascript - 对象类型中缺少 ClassName 道具。流和 CSS 模块

Question

我已经使用 CLI quickstart初始化了一个 React Native 应用程序。我唯一编辑的是我使用 CSS Modules 来设置组件的样式（注意：className 而不是 style）。我想用 flow 对项目进行类型检查，如果我运行 flow，它会给出以下错误。

我无法创建视图元素，因为className对象类型 [1] 中缺少属性但存在于道具 [2] 中。

我能做些什么？

// @flow

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

import styles from "./base.sass";

const App = () => {
  const [title] = React.useState("Hello");

  return (
    <View className={styles.title}>
      <Text>{title}</Text>
    </View>
  );
};

export default App; 

Answer 1

它不是 React.js，你不能那样使用。这是一个例子。

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

const App = () => {
  const [title] = React.useState("Hello");

  return (
    <View style={styles.title}>
      <Text>{title}</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  title: {
    justifyContent: 'center',
    alignItems: 'center',
  }
});

export default App; 

Answer 2

从 0.11 开始，该className道具已从 View 中删除： https ://github.com/necolas/react-native-web/issues/1146

请检查您使用的版本！