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-flash-message getting under the Card
I am using react-native-flash-message https://www.npmjs.com/package/react-native-flash-message.
Everything works fine as it is easy to use them. But the problem is when i used it with the Card component (from react-native-paper), the message hides…
Irfan wani
- 4,084
- 2
- 19
- 34
0
votes
1 answer
How do I use the Dropdown from react-native-paper-dropdown in my project?
I wanted to add a TextInput dropdown in my app using react-native-paper.
But I found no such component in their documentation. After some research, I found a package that uses react-native-paper for the dropdown feature and it seems to be perfect…
Satyam
- 567
- 1
- 6
- 20
0
votes
1 answer
Is there a way to get past the error "TypeError: headers.map is not a function"?
TypeError: headers.map is not a function
function TableComponent(headers, values) {
if (!headers || !values) return null;
const optionsPerPage = [2, 3, 4];
const [page, setPage] = useState(0);
const [itemsPerPage, setItemsPerPage] =…
infinesse
- 97
- 2
- 13
0
votes
1 answer
React Native Paper Dropdown opens menu on screen right and not aligned properly
I am Using React Native Expo 4.4.4
I am using the React native Paper DropDown Library from this link :
"react-native-paper-dropdown": "^1.0.2"
I went to the readme section and copied the code given from Basic Example. But the menu is appearing…
Sujay U N
- 4,974
- 11
- 52
- 88
0
votes
0 answers
React Native Paper TextInput styles are not applying
I Have started learning React Native. By following the documentation of React Native Paper I want a outlined Input box. I am using my QR code to test the app on my android phone. It displays the simple input element not the styled one
my…
Daniya Niazi
- 180
- 3
- 10
0
votes
2 answers
How can I keep a check on a radio button in react native?
I'm using a radio button from React Native Paper.
The radio button itself works fine.
But if i move to another page and check the radio button again, the check box cannot be maintained.
How can I keep a check on a radio button?
I am new to React…
임빈영
- 11
- 6
0
votes
1 answer
Passing the props from screen under stack navigator to the shared appbar using react native paper and react native navigation v5
Here's my environment:
"react": "17.0.1",
"react-native": "0.64.0"
"@react-navigation/native": "^5.9.4"
"@react-navigation/stack": "^5.14.4"
"react-navigation-stack": "^2.10.4",
"react-native-paper": "^4.7.2",
I'm successfully implemented the…
0
votes
1 answer
RadioButton React Native Paper set IOS style in android
I'm using RadionButton from react-native-paper library. For android I have such style
Is it possible to set RadioButton style in Adroid such as IOS style (icon "checked")? Thanks in andvance for your answer.
Dima Kruhlyi
- 39
- 1
- 6
0
votes
1 answer
React Native Paper - DataTable get row
How can I get the selected row in React Native Paper DataTables?
My DataTables row mapping:
{sortedItems.slice(from, to).map(item => (
{item.numero}
…
Gustavo Kimura
- 1
- 4
0
votes
2 answers
Change border line colors when unfocused (react-native-paper)
I have a textinput that changes color if the conditions are met or not (green to brown and vice versa) when it is focused.
I would like the colors to stay the same even when the input is unfocused.
Focused and verifications not ok:
Focused and…
XplosiVe06
- 568
- 3
- 23
0
votes
0 answers
Not able to run app on Expo start with React-Native-Paper
i am using React-Native using Expo-cli. I've also installed a library React-Native-Paper. When i run (expo start) my code without importing React-Native-Paper component it runs fine, but as i import even a single component from React-Native-Paper…
Rahul Gupta
- 88
- 10
0
votes
2 answers
How can i change the default label color black into blue ? i am using react native paper how can i fix this issue.......see the phone label color
How can change the default label color black into blue ? i am using react native paper how can fix this issue. see the phone label color
Vijay
- 275
- 2
- 11
0
votes
1 answer
Appbar Title is not centered when back icon enabled react-native-paper
I am using react native paper library for Appbar.
It is nice when I am showing Title and back and and menu is disabled.
Problem occurred when I enable back icon. Text slightly moving to right
In next image problem is showing -
And the code I have…
Exigente05
- 2,161
- 3
- 22
- 42
0
votes
1 answer
React Native : Making non-editable text box long clickable to show custom context Menu
I am working on React Native project. That has some non-editable TextInput box, I want the functionality that when user long press in any of them it should show a menu or pop-up with option to enable the editing in the text box.
I have found some…
DevAndro
- 85
- 1
- 11
