react-native - 将替代调色板设置为 native 库中的默认主题

Question

我想在Native Base中设置一个默认主题，看了很多官方的链接customisation docs和 nativebase customiser 。但他们都死了。

Native Base 已经提供了 default theme有一堆颜色。当您启动应用程序时，默认情况下它似乎具有青色调色板。我想做的就是从青色切换到其他颜色样本之一，这样默认情况下所有颜色都来自琥珀色。

我知道可以使用 extendTheme 设置默认颜色 - 这是唯一的选择吗？扩展主题并手动添加我想要的所有十六进制代码？或者我可以将主题设置为amber 某处并应用所有颜色吗？

Answer 1

我遇到了同样的问题，我希望能够创建主要主题颜色并切换主题，而无需输入所有颜色，到目前为止，此解决方案可以帮助我从现有默认主题中选择颜色。

const {colors} = extendTheme(colors);
const currentColor = colors.green;

const theme = extendTheme({
  colors: {
    // Add new color
    primary: currentColor,
  },
  config: {
    // Changing initialColorMode to 'dark
    useSystemColorMode: false,
    initialColorMode: 'dark',
  },
});

export default function App() {
  return (
   <NativeBaseProvider theme={theme}>
     <NavigationContainer>
       <App />
     </NavigationContainer>
   </NativeBaseProvider>
  );
}