reactjs - UI Kitten と React NAtive では利用できないテーマの小道具

Question

CardUI Kitten を既存の React Native プロジェクトに追加しました。適用時にいくつかのスタイルが既存のコンポーネントに追加されたため、テーマはある程度機能しているように見えますがApplicationProvider、アプリで使用する個々のテーマ プロパティにアクセスするのにまだ問題があります。 、特に経由withStyles。

ドキュメントとこのスレッドからわかる限り、現在の設定では、ナビゲーターのヘッダーのカスタム背景色を選択できるはずです。ナビゲーターは正常に機能します。

また、gloabl プロバイダーでアプリをラップしているため、どのコンポーネントからでもアクセスできるはずであるという彼らのドキュメントからの印象を受けましたが、そうではないようevaです。props

App.js レンダリング fn:

return (
  <NavigationContainer>
    <SafeAreaProvider>
      <Provider value={{ loggedIn, setLoggedIn, teas, setTeas }}>
        <ApplicationProvider {...eva} theme={{ ...eva.dark, ...theme }}>
          <DrawerNavigator />
        </ApplicationProvider>
      </Provider>
    </SafeAreaProvider>
  </NavigationContainer>
);

DrawerNavigator.js (Drawer と Stack ナビゲーターの両方を持っています)

const Drawer = createDrawerNavigator();

return (
  <Drawer.Navigator>
    <Drawer.Screen name="Home" component={MainStackNavigator} />
    <Drawer.Screen name="Auth" component={Auth} />
  </Drawer.Navigator>
);

MainStackNavigator.js

const Stack = createStackNavigator();

const ThemedTopNavigation = withStyles(TopNavigation, (theme) => ({
  topNavStyles: {
    backgroundColor: theme["color-primary-900"],
  },
}));

const MainStackNavigator = () => {
  return (
    <Stack.Navigator
      header={<ThemedTopNavigation style={eva.style.topNavStyles} />}
    >
    //... rest of the navigator

export const MainStackNavigator;