React UI Kitten
made with React

React UI Kitten是Eva Design System的React Native实现，包含一组以类似方式设计的通用UI组件，100%免费和开放源码。

React UI Kitten是一个React Native UI库，允许您创建跨平台移动应用程序。该库基于EVA设计系统，在设计和开发过程中具有一致性和可扩展性。

UI Kitten包含一组样式类似的通用UI组件，你可以在运行时更改主题，而无需重新加载应用程序。

安装

CLI创建项目

npm un -g react-native-cli && npm i -g @react-native-community/cli

创建新项目：

npx react-native init MyApp --template @ui-kitten/template-js

启动APP

npm run ios
//或者
yarn ios

手动创建

npm i @ui-kitten/components @eva-design/eva react-native-svg

或者

yarn add @ui-kitten/components @eva-design/eva react-native-svg

运行

    cd ios && pod install

使用

在 App.js中：

import React from 'react';
import * as eva from '@eva-design/eva';
import { ApplicationProvider, Layout, Text } from '@ui-kitten/components';

const HomeScreen = () => (
  <Layout style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
    <Text category='h1'>HOME</Text>
  </Layout>
);

export default () => (
  <ApplicationProvider {...eva} theme={eva.light}>
    <HomeScreen />
  </ApplicationProvider>
);

示例