如何更改原生基地的主题？

Question

我目前是 React Native 的新手，并尝试使用 Native Base，组件很好，但我一直坚持更改 Native Base 中的主题，虽然我知道如何使用样式，但并非所有人都可以在本机基础中应用（例如在活动页脚选项卡中更改颜色）。即使它可以自定义样式，我也更愿意像在文档中那样更改主题。但是我无法克服这个。

到目前为止，我已经尝试使用我的自定义主题并应用到我的组件中，但它没有改变。

我的工作区： -本机反应 2.0.1 -native-base 2.3.1

谢谢

Answer 1

您可以使用此代码并阅读 here 了解更多信息：

import React, { Component } from 'react';
import { Container, Content, Text, StyleProvider } from 'native-base';
import getTheme from './native-base-theme/components';
import material from './native-base-theme/variables/material';
export default class ThemeExample extends Component {
  render() {
    return (
      <StyleProvider style={getTheme(material)}>
        <Container>
          <Content>
            <Text>
              I have changed the text color.
            </Text>
          </Content>
        </Container>
      </StyleProvider>
    );
  }
}

Answer 2

运行这个命令即项目根目录下的node node_modules/native-base/ejectTheme.js。在运行此命令之后，将在您的项目根目录中创建一个名为 native-base-them 的文件夹。

如何更改原生基地的主题？

How to change theme in native base?

react-native

native-base