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 — это кроссплатформенный набор UI-компонентов для React Native: настраиваемые компоненты, готовые к использованию в продакшене, которые по умолчанию следуют рекомендациям Google Material Design.
Это приложение, которое я устанавливаю, или библиотека, которую я добавляю в код своего проекта?Это библиотека, а не приложение — вы добавляете её в проект на React Native через npm и импортируете её компоненты, чтобы строить интерфейс.
Как добавить её в своё приложение на React Native?Установите пакет react-native-paper из npm, затем следуйте руководству по началу работы в документации, чтобы подключить её к своему приложению.
Не раздует ли она моё приложение кучей зависимостей?Всего четыре небольших пакета времени выполнения (theme provider, color, fast-deep-equal и use-latest-callback) поверх уже существующего проекта на React Native.
Один и тот же код интерфейса правда работает и на iOS, и на Android?Да — компоненты работают и на iOS, и на Android и следуют рекомендациям Material Design по адаптации к платформам, так что интерфейс подстраивается под каждую платформу.
Если я сначала рисую экраны в Figma или Sketch, есть ли подходящий набор компонентов?Да — Material Design публикует официальные наборы компонентов и для Figma, и для Sketch, так что ваши макеты будут соответствовать компонентам, которые вы используете в коде.
Это новая экспериментальная библиотека или уже проверенная временем?Проверенная — она существует с 2016 года, у неё около 14 500 звёзд на GitHub, она поставляется как типизированный код на TypeScript, с CI-конвейером и набором тестов.
Creator
callstack
Size
437.9 MB
Stars
14.5K
Age
9y
Commits · 90 Days