React Native Paper v 5 Update Overview

It’d be great if I could remove react-native-vector-icons from my project after migrating completely to unicons. Every time my pods are updated, I have to go into xcode and remove the duplicated font families that it adds to the project.

I had a tough time with RTL without i18nManager, especially with the TextInput, I would love it if I can pass a param to switch to RTL instead of the implicit calculation based on i18nManager. For greater adoption of React Native Paper I think the Example React Native Paper app needs to be easier to install and run. I run into issues like this pretty often and end up having to use a non-paper component. My primary dislike is that you don’t work any of your GitHub issues or even bother responding to most of them. Component props are obviously part of the API surface, and as such must be exported.

Improvement of Menu

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. Snappy interface that behaves just like any other app.

@methodbox I don’t disagree with your feedback primarily but with the wording of it and especially this sentence. An example of this implementation would be very helpful. Tried wrapping TextInput with a TouchableWithoutFeedback, but the TextInput gets focused and onPress event does not fire. When there are field conflicts, typescript will friendly reminds you that this type is not even possible by spitting out a never type. @aprilmintacpineda While React Native Paper may not be perfect, your issues are resolvable. When you have a quality PR or bugfix they did fix it in days in my experience or my PR was not good enough or out of scope for this library.

Appbar

@zufarzhan You should be able to implement “Exposed dropdown menu” with Menu component easily. Just use TextInput wrapped with Touchable as an anchor and add some margin/padding to the menu to move it below TextInput. We don’t really want to implement all possible cases in this lib. We want to provide building blocks that users can use to build more complex UI. To be clear, I have nothing against this, but an “example components” library to show how these building blocks can be compiled together would be excellent.

I would like to easily add an icon component to a Snackbar. Turns out it’s not easy, bc the children are wrapped in a Text. Snackbar should prob be optional leftComponent, optional rightComponent , text.

Button

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. 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. Thanks for the alternative, the native approach from react-native-gesture-handler/Swipeable is really performant.

Any project you’re going to use with Webpack needs extra configuration. You also need to configure Webpack for your own code, all the steps you see in documentation is just normal Webpack configuration for Web projects, there aren’t anything special for RNP . This enables me to define the fontSize used through all components. Varying font sizes is an issue when using custom fonts. The difference is subtle but annoying, e.g. the Title in List.Item is too big. By changing the fontStyle property I can compensate without wrapping React Native Paper in my own component with style overrides. After that, Łukasz Walczak describes in details how Paper team managed to update the library to v.5, including the planning, approach, strategy, and how many people were involved in the update.