All Projects → uiwjs → react-native-uiw

uiwjs / react-native-uiw

Licence: MIT license
A UI component library based on React Native (Android & iOS).

Programming Languages

typescript
32286 projects
java
68154 projects - #9 most used programming language
C++
36643 projects - #6 most used programming language
Objective-C++
1391 projects
Less
1899 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-native-uiw

expo-ui-kit
expo-ui-kit - a components based React-Native UI Kit
Stars: ✭ 88 (+214.29%)
Mutual labels:  ui-kit, react-native-component
uiw-admin
UIW-Admin Panel Framework, Powered by React and @uiwjs.
Stars: ✭ 21 (-25%)
Mutual labels:  uiw-react, uiw
JustUiKit
iOS UI Kit With Android-Style Tools. JustUiKit contains JustLinearLayout, JustFrameLayout and so on. It is designed to make Android developers build iOS UI easily. Also for iOS developers, it provides a new way to build UI.
Stars: ✭ 35 (+25%)
Mutual labels:  ui-kit
react-native-chat-ui
Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS.
Stars: ✭ 168 (+500%)
Mutual labels:  react-native-component
readky
Readky is a Free Flutter News App Starter Template that can help you develop a News application much faster.
Stars: ✭ 52 (+85.71%)
Mutual labels:  ui-kit
kikstart-ui
🎀 Set of ready to use declarative Angular UI components.
Stars: ✭ 25 (-10.71%)
Mutual labels:  ui-kit
splendor-ui
A set of UI components for splendor-xzwhome. Built with Vue 3.
Stars: ✭ 20 (-28.57%)
Mutual labels:  ui-kit
react-native-android-notification-listener
React Native Android Notification Listener - Listen for status bar notifications from all applications
Stars: ✭ 87 (+210.71%)
Mutual labels:  react-native-component
taroify
Taroify 是移动端组件库 Vant 的 Taro 版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
Stars: ✭ 420 (+1400%)
Mutual labels:  ui-kit
react-native-select-pro
React Native dropdown (select) component developed by Mobile Reality
Stars: ✭ 79 (+182.14%)
Mutual labels:  react-native-component
kahi-ui
Straight-forward Svelte UI for the Web
Stars: ✭ 169 (+503.57%)
Mutual labels:  ui-kit
sugui
UI Components library based on React, Styled Components and React Testing Library
Stars: ✭ 17 (-39.29%)
Mutual labels:  ui-kit
react-native-image-blur-shadow
A React Native Image component with Blur Drop Shadows,100% JavaScript, 0 dependency component. Supports Android, iOS and Web. A light weight <Image/> component for your react native project.
Stars: ✭ 80 (+185.71%)
Mutual labels:  react-native-component
void-ui
A UI toolkit for Vue.js.
Stars: ✭ 20 (-28.57%)
Mutual labels:  ui-kit
react-native-ios-modal
A react-native component for displaying a modal on iOS by natively wrapping a react-native view inside a UIViewController and presenting it.
Stars: ✭ 94 (+235.71%)
Mutual labels:  react-native-component
react-native-vector-image
iOS/Android native vector assets generated from SVG
Stars: ✭ 224 (+700%)
Mutual labels:  react-native-component
Citrus.Avalonia
Modern styles for Avalonia controls.
Stars: ✭ 326 (+1064.29%)
Mutual labels:  ui-kit
visual-stack
CJ's UI Component Library
Stars: ✭ 15 (-46.43%)
Mutual labels:  ui-kit
react-native-carousel-component
React Native Carousel Component for IOS & Android
Stars: ✭ 61 (+117.86%)
Mutual labels:  react-native-component
flutter-ui-boilerplate
Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file folder.
Stars: ✭ 114 (+307.14%)
Mutual labels:  ui-kit


React Native UIW

A UI component library based on React Native (Android & iOS).

快速上手 | 参与组件开发 | 参与文档/网站编辑开发 | 组件库

您可以使用我们制定的模版(@uiw/react-native-template)创建一个新项目:

# 此模板默认集成了一些必用的依赖,如路由,组件库等
npx react-native init AwesomeProject --template @uiw/react-native-template

Install

Basic Usage

import React from 'react';
import { View } from 'react-native';
import { Icon } from '@uiw/react-native'

export default class Demo extends React.Component {
  render() {
    return (
      <View>
        <Icon name='apple' size={46} color='#50CB42' />
      </View>
    )
  }
}

Other

Development

# Install current dependencies, and dependencies in sub-packages
yarn install
yarn run build # Compile package

Real-time monitoring of package and document website local preview

# Step 1
yarn run lib:watch      # Compile and output JS file
# Step 2
yarn run lib:watch:type # Output type file d.ts
# Step 3
yarn run start          # Run the preview document website locally

License

Licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].