Question

我目前是本土的新手，并尝试使用原生基础，该组件很好，但我仍然坚持改变原生基础中的主题，而我知道如何使用风格但不是全部它们可以应用于本机基础（例如在活动页脚选项卡中更改颜色）。即使它可以自定义风格我更喜欢在主题中更改，就像在文档中一样。但我无法克服这一点。

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

我的工作区： -react-native 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的文件夹。

Answer 3

阅读本机基础文档，以更改主题并创建自定义主题：Customize Native Base

您还可以创建自己的自己主题，并从此处使用它：Native Base Customizer

如何在原生基础上更改主题？

3 个答案: