标签: react-native-ui-kitten

我正在尝试使用 typescript 4.1.2 在我的 React Native 应用程序中配置react-i18next 11.8.2：

i18n.use(initReactI18next).init({
  resources: {
    en,
    es,
  },
  lng: 'es',
  fallbackLng: 'es',
  interpolation: {
    escapeValue: false,
  },
});

有两个资源文件（en，es）。

但我在使用 useTranslation 挂钩的 TFunction 接口中遇到打字稿错误：

const {t, i18n} = useTranslation(['SelectLanguage']);]

<StyledLabel>{t('SelectLanguage:title')}</StyledLabel>

错误：

No overload matches this call.
  Overload 1 of 2, '(props: Pick<Pick<TextProps & RefAttributes<Text>, "key" | "ref" | "style" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | ... 35 more ... | "dataDetectorType"> & Partial<...>, "key" | ... 42 more ... …

我试图在 UI Kitten 中使用 Eva 图标，但最终得到了这个错误，我在这个问题上挖了一段时间，React 和 Reavt-Native 的新手，如果有人能帮助我，我会很高兴（：

render()
const FacebookIcon = (props) => (
  <Icon name='facebook' {...props} />
);
return(
  <Input
    value={this.state.id}
    label="FB ID"
    size="medium"
    placeholder="Enter your fb_id"
    onChangeText={(enteredText) => this.setState({ fbId: enteredText })}
    accessoryLeft={FacebookIcon}
/>


)

<Layout>
      <BottomNavigation indicatorStyle={styles.tabIndicator} selectedIndex={selectIndex} onSelect={onSelect} >
        <BottomNavigationTab title='Home' icon={homeIcon}/>
        <BottomNavigationTab title='Cart' icon={cartIcon}/>
        <BottomNavigationTab title='Search' icon={searchIcon}/>
        <BottomNavigationTab title='Account' icon={accountIcon}/>
        <BottomNavigationTab title='More' icon={menuIcon}/>
      </BottomNavigation>
    </Layout>

如何更改 ui-kitten 库中选定选项卡项目以及未选定选项卡项目的图标颜色和文本颜色？

"@eva-design/eva": "^1.4.0",
"@react-native-community/masked-view": "^0.1.7",
"@ui-kitten/components": "^4.4.1",
"@ui-kitten/eva-icons": "^4.4.1",
"react": "16.9.0",
"react-native": "0.61.4",

我正在为我的 React Native 应用程序 UI 使用 UI Kitten 库，当我添加他们的图标包时 Android 应用程序错误，iOS 工作正常。

安卓获取：

Attempt to invoke virtual method `int java.lang.Integer.intValue()` on a null object reference

这App.tsx：

import {EvaIconsPack} from '@ui-kitten/eva-icons';

export default () => (
<>
  <IconRegistry icons={EvaIconsPack} />
  <ApplicationProvider {...eva} theme={{...eva.light, ...theme}}>
    <Layout style={styles.layout}>
      <Button accessoryLeft={<Icon name="facebook" />}>
        Login with Facebook
      </Button>
    </Layout>
  </ApplicationProvider>
</>
);

这行是问题所在：

<Icon name="facebook" />

当我删除它并保留Button原状时

<Button>
  Login with Facebook
</Button>

安卓又可以用了。

有任何想法吗？

我正在使用 expo sdk 47 托管工作流程并尝试使用 UI Kitten 框架构建项目 https://akveo.github.io/react-native-ui-kitten/

在 iOS 上一切正常。

在 Android 上，我遇到一个问题 Invariant Violation: requireNativeComponent: "RNSVGSvgViewAndroid" was not found in the UIManager。

试图找到解决方案但没有运气。

一切都重新安装了好几次。我有

“@ui-kitten/components”：“^5.1.2”，“expo”：“~47.0.8”，“react”：“18.1.0”，“react-native-svg”：“^13.6.0 “，

问题出在最新版本的 expo SDK 上。有什么想法如何修复吗？有人有同样的吗？

我只发现了这个新问题，但它与另一个库有关，并且解决方案对我不起作用。 不变违规：requireNativeComponent：在 UIManager 中找不到“RNSVGSvgViewAndroid”

还尝试了“react-native-svg”：“^13.4.0”，这是expo sdk47推荐的，但有另一个错误（https://github.com/software-mansion/react-native-svg/issues/1899）建议通过安装 13.5.0 来修复，但随后我收到初始错误。

花了几天时间找到解决方案后，我没有其他想法，只能在这里问。