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
2
votes
1 answer
Custom fonts dosen't work with react-native-paper
Trying to integrate custom fonts 'Tajawal-Bold' and 'Tajawal-Medium' with my RN project that use react-native-paper. (Android app only)
I did like described in the documentation of react-native=paper,…
Aymen
- 248
- 3
- 15
2
votes
2 answers
List of Cards in React Native Paper
I want to have a vertical list of cards in my React Native app using react-native-paper. I'll be using the component that is part of react-native-paper.
Should I wrap the cards in a or the
- component that is part of…
Sam
- 26,817
- 58
- 206
- 383
2
votes
0 answers
add radio buttons with custom text
I have a component with icons and some text.
const criteriaList = [
'New',
'Freunde',
];
export const FilterCriteriaList: React.FunctionComponent = () => {
//const [checked, setChecked] = React.useState('first');
return (
user12541823
2
votes
3 answers
React native paper checkbox design not working, invisible, ripple effect works
I have following code:
{}}
/>
All i see is invisible checkbox, tried removing colors, not showing up either, tried removing .Android, still…
Karli Ots
- 729
- 1
- 8
- 22
2
votes
1 answer
Jest and React Native Icons import problem
I'm new to react native and i ran into a test problem.
First of all my application runs correctly.
The problem only occurs when i want to test my app with jest AND when there is an icon inside my app.
The following message tells me that there is…
Loïc M
- 21
- 1
- 6
2
votes
2 answers
Button width in react-native-paper
I am starting learning react-native-paper, i am not sure how to fix button width, currently it fills whole parent container.
raju
- 6,448
- 24
- 80
- 163
2
votes
2 answers
React native three dots menu appearing on left side
i'm creating a screen using react-native-paper. When i use a Appbar as header with three dots menu, the options appear at the wrong side of the screen. It should appear at the right side, not the left one.
My code:
import React, { useEffect,useState…
Marcos Paulo Júnior
- 355
- 1
- 4
- 14
2
votes
2 answers
How can I vertically align an icon in an expo react-native List.Item?
i am using List.Item component of react-native-paper.
I have following code:
Shamoon
- 41,293
- 91
- 306
- 570
2
votes
2 answers
How do i pass a selected item from React Native Paper Menu to Input/TextInput onChangeText behaviour
I'm trying to figure out how to pass a param/prop to an input from react native paper, since react native paper doesn't have a proper dropdown menu, there is a "menu" that i'll love to implement on my project, but the documentation is so bad, there…
Nicolas Silva
- 566
- 1
- 10
- 28
2
votes
2 answers
Screens appear sometimes moved to the right on iOS
Sometimes when i navigate to a screen, the screen appear moved to the right. This only happen on iOS.
I've tried removing the KeyboardAviodingView, SaveAreaView ( using the SafeAreaView provided by react navigation too), Views that wrap the entire…
alain00
- 161
- 2
- 11
2
votes
1 answer
FontFamily "Material Design Icons" is not a system font and has not been loaded through Font.loadAsync
* I am just a student and I am new to expo, react-native and mobile developpement *
So here's what happens
I am building a react-native app using Expo and react-native-paper for my Icon and everything was going fine with my application until I woke…
Philippe Vincent
- 91
- 1
- 8
2
votes
0 answers
How to change the color of the
I am using react-native-paper 3.6.0 and in their documentation, they offer to change the switch color using props.color. I have tried and:
iOS: OK
Android: The dark button is using color.background, the switch is black on black.
Web: The color does…
Dimitri Kopriwa
- 13,139
- 27
- 98
- 204
2
votes
1 answer
Dialog over modal using React Native Paper?
I'm using React Native Paper library and I have a Modal and Dialog, I want to dialog to appear in front of the modal... is there a way to do this?
If there's no way I would have to code the structure of a dialog on my own using a Modal and I'd…
aabcabca12
- 353
- 1
- 4
- 17
2
votes
1 answer
Keyboard doesn't appears every focus
I'm using the of react-native-paper for my app.
And i'm using the autofocus property everytime I switch from a view to another, so i can type directly when I arrive on the screen.
But the problem is the keyboard appears randomly ...…
Thibault Dumas
- 1,060
- 2
- 10
- 21
2
votes
0 answers
Impossible to display centered svg as react component in AppBar of react-native-paper on Android
I am building a react-native application with expo SDK36.
It use react-native-svg@9.13.3 to render svg.
With it, It is possible tu import the .svg directly as a react component, or rewrite the SVG with their svg components.
I have tried both, and…
Dimitri Kopriwa
- 13,139
- 27
- 98
- 204