Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.
Material design for React Native.
Questions tagged [react-native-paper]
345 questions
0
votes
1 answer
React Native: Images URI are not working on release apk
I'm using react-native-paper to develop my application's UI.
I want to show an image in the Card component of react-native-paper, using Card.Cover.
The image is shown normally when I use the debug apk, but it doesn't load when I use the release…
Gustavo Kimura
- 1
- 4
0
votes
1 answer
How elevate the alert in react native-paper?
I want to shown an alert but my alert make to my app down scroll like this
alert image
i would like show that alert on the center and elevate it.
i tried with this css, but does not worked nothing
const styles = StyleSheet.create({
…
react1
- 25
- 13
0
votes
0 answers
How to override default font family Roboto with Poppins in react-native-paper
1
How to override default font-family Roboto with Poppins in react-native-paper
i follwed this documentation
Joshi G
- 453
- 9
- 16
0
votes
1 answer
How to get round button using React Native Paper Fab
How can we get a round button. Currently the button stretches from left to right. I don't want to use position absolute as I have other items that go under this fab button
import { FAB } from 'react-native-paper';
const MyComponent = () => (
…
Jerry Seigle
- 233
- 4
- 15
0
votes
2 answers
Theming via React Native Paper
I'm trying to set some color properties to the assigned theme in the class/function. I've got it working with react-native-paper and some theming, but only in this first class:
export default class App extends React.Component {
state = {
…
Hypo
- 17
- 1
- 6
0
votes
1 answer
Margin and React Native Paper is not working
I am trying to move the "three-dot" menu to the right side. So I put a {marginLeft: auto} for it. But, it's not moving to the right. What is the problem?
Also, there is another problem. When I press the 'three-dot' icon, I want to open a popup…
Hossain
- 17
- 9
0
votes
1 answer
React-native-paper, IconButton. How to make button background color in IOS and Android?
I want to make background color for IconButton component from react-native-paper library. I didn't find any advices in documentation about backgroundColor. I tried to use backgroundColor in style. This works for IOS but doesn't work for android,…
laneboyandrew
- 290
- 6
- 17
0
votes
1 answer
React Native Notification Tray and AppBar color
I am using react-native-paper along with react-navigation and the notification tray background color is not a darker shade of the AppBar color as shown in the documentations of react-native-paper and I cannot figure a way out to do that.
I have a…
dracarys
- 1,071
- 1
- 15
- 31
0
votes
1 answer
React native Paper Provider and React Navigation NavigationContainer Causing error in React Native Web
I am a beginner in React-native and React-native-web. I am currently working on a existing project which uses React-Native-paper and @react-navigation/native library. I am trying to use the existing code/project to run as a Web Application. But when…
regon
- 41
- 1
- 3
0
votes
1 answer
How to change routes with Bottom Navigation and React Navigation?
What is the correct and professional way with best practices to use the centralized routes as it is in App.tsx in the BottomNavigation component?
Currently I have a "route" faker inside the BottomNavigation component, however I would like to use the…
THIAGO DE BONIS
- 760
- 7
- 22
0
votes
1 answer
React Native: Keep multiple instances of the same component synchronized with each other
I am following this Udemy course which goes through the development of an on-demand food ordering app. I'm loving the course so far, except that the instructor makes some questionable decisions all throughout the course; things that I have been…
Kenny83
- 769
- 12
- 38
0
votes
2 answers
react-native-paper DataTable text style
How can I style text in react-native-paper?
I have a dark mode in my app and need light colors for my texts.
I could use a theme, but in my app I am only using this one component from React Native Paper, and besides, I already have a theming in…
RdC1965
- 412
- 5
- 8
0
votes
0 answers
React native radiobutton unchecked fill circle
I have this simple code in a map function to build a radiobutton:
{props.options.map((o,i) =>{
return(
<>
{o.name}
…
Francesco
- 135
- 2
- 11
0
votes
1 answer
Custom theming in react-native-paper
I encountered an issue with React Native with Expo when styling React Native Paper that I'm trying to understand.
I created a code sample with the issue: https://gitlab.com/mszymczakowski/react-native-paper-theming-issue
When I export the const with…
Maciej Szymczakowski
- 87
- 2
- 6
