React UI Kitten
made with React

React UI Kitten

这是一个是Eva Design System的React Native实现。

相关问答
暂无相关问题
查看全部
简介及使用教程

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

示例

image.png

image.png

image.png

image.png

image.png

作者

相关项目

这是一个用于使用React构建可访问的富Web应用程序的工具包。
这是一个快速反应的静态站点生成器。
这是一个歌曲歌词搜索APP。
这是一个基于React和Redux的轻量级JavaScript框架
这是一个基于开源Material风格的组件库。
这是一个React组件库。
这是一个可预测、0入侵、渐进式、高性能的react开发框架。