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
2 answers
react native - assigning state to const
I'm starting with react native, and when using a library called react native paper, I've come across a statement where the state is being assigned to a const as shown below.
import * as React from 'react';
import { Searchbar } from…
Aby
- 1,916
- 1
- 12
- 18
0
votes
1 answer
Alignment Issue with tabBarLabel and Icon in react-navigation-material-bottom-tabs
I am using createMaterialBottomTabNavigator from React Navigation for one of my project. If i use tabBarIcon and tabBarLabel together icon is overlapping with text. Need help to fix the issue.
Here's what i tried -
const MainNavigator =…
Tanvir Rahman
- 651
- 1
- 11
- 31
0
votes
1 answer
How to fix 'navigation.state is not defined' in custom react-navigation component?
I'm trying to use a custom component (tabBarComponent property) for my React Native app using createMaterialTopTabNavigator from "react-native-tabs", the component being BottomNavigation from "react-native-paper".
I have copied nearly all of the…
Okie
- 67
- 1
- 11
0
votes
1 answer
I want to navigate from one screen to another screen but I am having undefined is not an object (evaluating 'this.props.navigation.navigate')
I want to navigate from navigation drawer one screen to another screen but I am having an error
Type Error : undefined is not an object (evaluating 'this.props.navigation.navigate')
don't know why?
Here is my code:
import React, { useState } from…
RaNa AbDuL QaDiR
- 3
- 4
0
votes
1 answer
Missing header bar on a simple combination react-navigation
I wanted to try the MaterialBottomTabNavigator option in react-navigation. Unfortunately, it seems that the top bar is never displayed, although it should be according to the documentation.
import React from "React";
import { Text, View } from…
Matthieu Brucher
- 21,634
- 7
- 38
- 62
0
votes
1 answer
Config Broken After installing react-native-paper
I am having problems to run a project that was running normally before
It started when I add react-native-paper/react-native-vector-icons to my project, it start giving some aapt error related to material. I was getting the following message:…
lcsvcn
- 1,184
- 3
- 13
- 28
0
votes
1 answer
How to dismiss Snackbar when user click screen in react-native-paper
I'm developing mobile app with react-native and react-native-paper.
And I have a problem with Snackbar component provided react-native-paper.
How can I make snackbar hidden when user touch anywhere?
This is the GIF, I tried to tap many when snackbar…
Satoru Kikuchi
- 1,069
- 2
- 21
- 33
0
votes
0 answers
Change all button style with theming
I want to change all button style, without having to add style one after another like that:
Benjamin BENOIT
- 27
- 3
0
votes
1 answer
React Native - navigation issue “undefined is not an object (t.props.navigation.navigate)”
I'm currently creating a small Magic the Gathering project which fetches card data from an API and inserts it in my app. I fetched the data like name and such first, but then when I click on the name I want to see more information such as card…
Miki
- 3
- 2
-1
votes
1 answer
My icon inside TextInput does not work on Android devices but works on iOS
I have this weird problem where my icon functionality does not work on Android but works on iOS and I'm puzzled.
Basically what I would like to achieve is to press on the icon with eye and show or hide password when user is signing in.
-1
votes
1 answer
React native paper Android 11 devices Textinput not showing
I am using reat natiev paper for outline textinput in my react native app so below is my code
const TextInput = ({...props }) => (
Harshal Kalavadiya
- 2,412
- 4
- 38
- 71
-1
votes
1 answer
React native login and loggedin navigation - correct way advise
Please can someone advise the right way to have a system for login and logged in navigations. The way i am doing right now is i use a shared state using use-between package for shared state and show correct navigation. But i am not sure this is the…
Gss86
- 63
- 1
- 6
-1
votes
1 answer
react-native-paper mode="outlined" not working
Input field border is not hiding from input field label. I tried but didn't find any solution.
this is how label is even with mode="outlined".
label
SHUBHAM CHAWRE
- 1
- 2
-2
votes
1 answer
Contenet of modal not showing in reactNative
**Code Of Modal 1/2 **
**part 2/2 **
When i clicked to add User Popup Opne but text box not showing Thanx in advanced I am new to react-native
**OutPut **
shahrukh khan
- 17
- 3
-2
votes
1 answer
How do I make an IconButton in android?
I'm studying android after using react native for quite a while and I can't seem to find anything about IconButtons in android like the ones here:
https://callstack.github.io/react-native-paper/icon-button.html
Thanks
DoritoWizard71
- 1
- 1