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
1
vote
1 answer
Type 'Handles' is missing the following properties from type 'TextInput'
I use React Native Paper and react-native-text-input-mask to show a field for the phone number:
// Imports
import {TextInput} from 'react-native-paper'
import TextInputMask from 'react-native-text-input-mask'
// Control
Denis Sologub
- 7,277
- 11
- 56
- 123
1
vote
1 answer
Error in TextInput using react-native-paper and typescript
I used TextInput in react-native-paper. But when I followed their documentation,but show errors.
Show the error like:
Type '{ label: string; value: string; onChangeText: (text: string) => void; }' is missing the following properties from type…
Ravindu Hirimuthugoda
- 109
- 1
- 7
1
vote
0 answers
Wrap JSX tags around renderItem? for or in React-Native
Is there a way to put JSX tags around renderItem? (I want to put the rendered output from renderItem inside an Accordion drop-down using from "react-native-paper")
Lee Wannacott
- 11
- 3
1
vote
0 answers
Why the Android back button not working when react-native-paper Dialog is visible?
I use react-native-paper non-dismissable Dialog component, and react navigation V5 for navigation, for some reason when the dialog is visible then the Android back button is not working and I have to close the Dialog to go back.
I tried to also use…
user2993539
- 375
- 1
- 3
- 14
1
vote
1 answer
Drawer Navigation react native paper
I am extremely new to React and React Native. I need some help regarding nesting a drawer navigator inside the current Stack Navigation.
I have the code on Snack, If someone can please help me i will really…
Gss86
- 63
- 1
- 6
1
vote
0 answers
Is this the correct way to consume an API with React Native, Expo, and Reeact Native Paper?
I am new to React Native and I am trying to create an application with it.
The problem is when I try to display the data in the application.
I am trying to consume a REST API to be able to display the data but it is not showing me anything.
Besides…
Moya
- 57
- 6
1
vote
0 answers
Why wont behave correctly
In my React Native app the component from react-native-paper doesn't appear as it does in examples:
ListScreen.js:
import React from 'react';
import { View, ScrollView } from 'react-native';
import NavBar from '../NavBar';
import CardItem…
TacoSnack
- 129
- 10
1
vote
1 answer
App Header using React Native Paper shows a top padding in Android
I am having this issue on Android where the App.Header component in React Native Paper shows a paddingTop in Android, in iOS looks great. I have attached 2 screenshots to show what I'm talking about...
Android:
iOS:
This is my code in the…
relez
- 750
- 2
- 13
- 28
1
vote
1 answer
React Native Paper Radio Button onPress event not working
For some reason my onPress event is not working with React Native Paper RadioButton. I have follow instructions per docs I believe
not working:
Jerry Seigle
- 233
- 4
- 15
1
vote
2 answers
react-native-paper Modal not hiding all others elements when visible
My modal does not go completely above all the other components under Android but works well under Ios.
I tried to change hierarchy of my components, play with zIndex and absolute position but my green button is always visible but not touchable when…
XplosiVe06
- 568
- 3
- 23
1
vote
0 answers
react-native-paper web blank screen
I followed the instructions here to allow my app to run on the web. Although the native app works fine (android) the web app just shows a blank white screen. The app.bundle.js loads on the browser, but the root div stays empty.
Here is the…
daskalgg
- 13
- 4
1
vote
1 answer
React Native Datatable doesn't show after moving the fragment into Component
I've created the following component. React Native Paper Datatable rows aren't showing after moving it into component and linking it to json loop.
If we comment " and uncommented the commented block below, you will see the Datatable is showing. What…
Jonas T
- 2,989
- 4
- 32
- 43
1
vote
1 answer
How to change background color of FAB.Group from react native paper
How can I change to background color of FAB.Group component from react-native-paper. If I add a background Color it's changing the color of the overlay instead of the button. Help is much appreciated. Thank you
Raiyan Khalil Shuvo
- 17
- 7
1
vote
1 answer
How do I paginate in React Native Paper DataTable?
I'm having trouble finding enough information to use React Native Paper DataTable Pagination. The documents are pretty slim and there are only a few videos on the topic that haven't given me the information I need.
import…
infinesse
- 97
- 2
- 13
1
vote
0 answers
React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got object
**
The error I am getting when the 'Snapshot Test' is executed for
App.tsx:
**
'''
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. You…
user2767702
- 11
- 2