React Native Elements Theme Provider 不工作？

Question

我很确定我正在按照说明使用它，但文本没有改变：

import React, { Component } from "react";
import { StyleSheet, View } from "react-native";
import { ThemeProvider, Text } from "react-native-elements";
import Customer from "../models/Customer";

class CustomerScreen extends Component {
  render() {
    return (
      <View style={styles.container}>
        <ThemeProvider theme={theme}>
          <Text h1>{customer.fullName}</Text>
          <Text>{customer.email}</Text>
          <Text>{customer.phone}</Text>
        </ThemeProvider>
      </View>
    );
  }
}

const styles = {
  container: {
    flex: 1,
    marginTop: 50,
    marginLeft: 20,
    justifyContent: "flex-start",
    alignItems: "flex-start"
  }
};

const theme = {
  Text: {
    color: "red"
  }
};

export default CustomerScreen;

我做错了什么？？

Answer 1

我通过将它嵌套在 style 下使其工作，如下所示：

const theme = {
  Text: {
    style: {
      color: "red"
    }
  }
};

我对 <ThemeProvider> 不是很熟悉，它的 documentation 没有明确指出 <Text> 样式要在 style 道具下。您可能需要进一步试验它。 :)

React Native Elements Theme Provider 不工作？

React Native Elements Theme Provider not working?

react-native

react-native-elements