react-native-paper README

The project's README from github.com/callstack/react-native-paper. As one markdown file: README.md.

react-native-paper

Material design for React Native.
reactnativepaper.com


Greenkeeper badge

Build Status Version MIT License All Contributors PRs Welcome Chat Sponsored by Callstack

React Native Paper is the cross-platform UI kit library containing a collection of customizable and production-ready components, which by default are following and respecting the Google’s Material Design guidelines.

Getting Started

Refer to the getting started guide for instructions.

Documentation

Check the components and their usage in our documentation.

Features

Try it out

🧑‍💻 Run the example app with Expo to see it in action. The source code for the examples are under the /example folder.

📲 You can also try out components in our demo apps available in the both stores Android and iOS.

Contributing

Read the contribution guidelines before contributing.

Figma and Sketch component kits

Use official component kits provided by Material Design.

Made with ❤️ at Callstack

react-native-paper is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. Callstack is a group of React and React Native geeks, contact us at [email protected] if you need any help with these or just want to say hi!

Like the project? ⚛️ Join the team who does amazing stuff for clients and drives React Native Open Source! 🔥

Contributors

Thanks goes to these wonderful people (emoji key):

Satyajit Sahoo
Satyajit Sahoo

🤔 💻 📖
Ferran Negre
Ferran Negre

🤔 💻
Dawid
Dawid

🤔 💻 📖
Kacper Wiszczuk
Kacper Wiszczuk

🤔 💻
Luke Walczak
Luke Walczak

💻 📖
Ahmed Elhanafy
Ahmed Elhanafy

🤔 💻
K. P. Sroka
K. P. Sroka

💻 📖
Iyad Thayyil
Iyad Thayyil

💻 📖
Julian Hundeloh
Julian Hundeloh

💻 📖
Grzegorz Gawrysiak
Grzegorz Gawrysiak

💻 📖
Luís
Luís

💻
Rajendran Nadar
Rajendran Nadar

💻
Brent Vatne
Brent Vatne

💻
Jakub Beneš
Jakub Beneš

💻
Paweł Szymański
Paweł Szymański

💻 📖
Kuba
Kuba

💻 🤔
jbinda
jbinda

💻 🤔

This project follows the all-contributors specification. Contributions of any kind welcome!

react-native-paper (callstack/react-native-paper)

Searching Database…

这是干什么的?React Native Paper 是一个面向 React Native 的跨平台 UI 组件库:组件可自定义、可直接用于生产环境,默认遵循 Google 的 Material Design 规范。
它是需要安装的应用,还是添加到项目代码里的库?它是一个库,不是应用——你用 npm 把它加进 React Native 项目,然后导入它的组件来搭建界面。
怎么把它加到我的 React Native 应用里?先从 npm 安装 react-native-paper 包,然后按照文档里的入门指南把它接入你的应用。
它会拖进一大堆依赖、把我的应用撑大吗?不会——在已有的 React Native 项目之上,它只依赖四个很小的运行时包(theme provider、color、fast-deep-equal 和 use-latest-callback)。
同一套界面代码真的能同时在 iOS 和 Android 上用吗?可以——组件在 iOS 和 Android 上都能用,并遵循 Material Design 的平台适配规范,界面会自动适配各自平台。
如果我先用 Figma 或 Sketch 设计页面,有没有配套的设计组件库?有——Material Design 官方为 Figma 和 Sketch 都发布了组件库,你的设计可以和代码里用到的组件保持一致。
这是个新的实验性库,还是已经比较成熟的库?已经很成熟——它从 2016 年就开始开发,在 GitHub 上有大约 14,500 颗星,以带类型标注的 TypeScript 代码发布,有 CI 流水线和完整的测试套件。
Creator
callstack
Size
437.9 MB
Stars
14.5K
Age
9y
Commits · 90 Days