React Native 在本机库中将备选调色板设置为默认主题

qf9go6mv 于 2023-04-22 发布在 React

关注(0)|答案(2)|浏览(110)

我想在Native Base中设置一个默认主题，并且已经看到了很多官方定制文档和nativebase customiser的链接。但它们都死了。
Native Base已经提供了一个带有一堆颜色的default theme。当你启动一个应用程序时，默认情况下它似乎有青色的调色板。我想做的就是从cyan切换到他们的其他色板之一，这样默认情况下所有的颜色都来自，比如说，amber。
我知道可以用extendTheme设置默认颜色--这是唯一的选择吗？扩展主题并手动添加我想要的所有十六进制代码？或者我可以在某个地方将主题设置为amber，然后应用所有颜色？

react-native

来源：https://stackoverflow.com/questions/69197694/set-alternative-palette-to-default-theme-in-native-base

2条答案

按热度按时间

vuktfyat1#

我有同样的问题，我希望能够创建一个主要的主题颜色和切换主题，而不需要键入所有的颜色，到目前为止，这个解决方案是为我工作，从现有的默认主题选择颜色。

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>
  );
}

赞(0）回复(0）举报 2023-04-22

lpwwtiir2#

默认颜色也是primary.600。
这是选择输入时输入的默认颜色，或自定义开关的默认颜色。
这是你应该覆盖的特定颜色来改变主题的默认值。
（可能还有其他人，但这是我迄今为止发现的）

赞(0）回复(0）举报 2023-04-22