In practice
-- Browse the component surface the way it appears in real product UI, - not as generic documentation chrome. -
-+ Need a customized UI kit for Android & iOS?{' '} + Get started +
+}){kind=icon}
+ + Callstack cooperates with many clients from various industries, + including big enterprises, helping them to improve their React Native + products and achieve business goals. +
++ Don't waste your time writing complex components from scratch. +
++++
++ + 👆 + ++
+ Interactions, animations and accessibility.
+
+ React-native-paper takes care of the details and your UI logic, so
+ you can focus on your users.
+
}){kind=icon}
+ + Try our live demo and check it out for yourself! When you are + done, make sure to copy the code and drop it straight into a React + Native app! Yes, Paper is cross-platform and works on both web and + mobile. +
+})
+ })
+
+ {tokens.map((line, index) => (
+
+ {line.map((token, key) => (
+
+ ))}
+
+ ))}
+
+ )}
+ + react-native-paper focuses in important concepts that are hard to + build from scratch. +
+{concept.body}
+}){kind=icon}
+ + Community where people discuss and supports others in building + react-native-paper apps. +
+}){kind=icon}
+ + react-native-paper is a high-quality standard-compliant Material + Design library developed by the engineers of{' '} + Callstack. +
+}){kind=icon}
+
+ + React Native Paper is a high-quality, standard-compliant Material + Design library that has you covered in all major use-cases. +
+ +})
+
+ + Its interface. It is responsive, fast and works reliably on both + platforms. When building a React component, you have to style + each of them yourself, according to the guidelines of the + platform you are targeting. This can be overwhelming and + non-trivial to do right. +
+}){kind=icon}
+ })
+
+ It's not a real badge, actually, but you can take our
+ word for it ;)
+
+ + Snappy interface that behaves just like any other app. It supports + accessibility standards - in other words, it does everything a + native app would do. Interactions in React Native are easy to do, + but getting to 100% polish requires extra effort. Implementing + exact platform-specific animations, making sure it runs under + heavy load are just two examples of what we have to think when + writing first-class interface. +
++ React-native-paper ships with a lot of components and interactions + that are there to satisfy every single use case you might have. + See it for yourself. +
++ React Native Paper library officially supports the new Material + Design generation called Material You - a brand new and the most + expressive design system by Google. +
++ All of the Paper’s components have been adjusted to the latest + standards of visual by changes in colors, typography and animations + so you can build your apps according to the latest trends. +
+})
+ })
+ })
+ }){kind=icon}
+