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
MapView blocks input from keyboard
I am creating a map application with two simple components: a search bar, using react-native-paper and a map, using react-native-maps. By now, only the UI is implemented.
When placing only the search bar, everything works fine. I am able to type my…
Willams Costa
- 101
- 6
0
votes
0 answers
Snackbar not getting hidden during screen navigation
import { Snackbar } from 'react-native-paper'
Anurag Mantripragada
- 27
- 1
- 7
0
votes
1 answer
Remove text space inside accordion list react native paper
I'm using the List Accordion component, inside each section has a video and some text, this text will be under this video.
So, I noticed the text component has this space on the left, how can I remove this space? I tried with margin, padding, and…
Matheus Alexandre de Sena
- 190
- 1
- 11
0
votes
1 answer
How to create a react native dropdown text picker?
How to create a dropdown text picker, as shown in the picture, in react native, using react-native-paper TextInput and react native autocomplete.
The Future
- 3
- 5
0
votes
1 answer
Axios sends a request when BottomNavigation is inactive
I've created application with BottomNavigation from React Native Paper.
App.tsx:
const App = () => {
const colorScheme = Appearance.getColorScheme()
const isDarkTheme = colorScheme === 'dark'
const theme = isDarkTheme ? CombinedDarkTheme :…
Denis Sologub
- 7,277
- 11
- 56
- 123
0
votes
1 answer
How to combine Appbar with BottomNavigation from React Native Paper?
The BottomNavigation is a great navigator for mobile devices but for web version I would prefer to have a something as below (inspired by Instagram):
Navbar.tsx:
import React from 'react'
import {Appbar, BottomNavigation} from…
Denis Sologub
- 7,277
- 11
- 56
- 123
0
votes
1 answer
How to change colour of selected icon in the BottomNavigation component of React Native Paper?
I have the next page that uses BottomNavigation:
import React from 'react'
import {
BottomNavigation,
DefaultTheme,
Provider as PaperProvider,
} from 'react-native-paper'
import ChatScreen from './presentation/screens/ChatScreen'
import…
Denis Sologub
- 7,277
- 11
- 56
- 123
0
votes
2 answers
cannot set background color on dropdown from React native paper dropdown
I used a react-native-paper-dropdown and the styles I am applying wont get set for example the background color wont change;
…
Victordanny
- 85
- 1
- 8
0
votes
1 answer
Material Community Icons are undefined
I've been having this problem for a really long time now. I'm really hoping someone has overcome this issue.
We already have an app that is being developed, but we have decided to build micro-frontends to strip out some features into separate…
Jarrod Moura
- 1
- 3
0
votes
1 answer
Background color is not applying using react native paper PaperProvider custom theme solution
Recently I was trying to use react native paper library in my application. But when I try to add background color using their custom theme option in PaperProvider component, Then it is not working. Can someone please help me to fix this I have to…
Juned
- 51
- 1
- 2
- 4
0
votes
1 answer
React native paper text input black bar
I'm currently developing a cross platform React Native application. (Non-expo)
I'm using the following:
"dependencies": {
"@react-native-async-storage/async-storage": "^1.15.13",
"@react-navigation/core": "^6.1.0",
"@react-navigation/drawer":…
Julianvv
- 100
- 10
0
votes
2 answers
How can i hide a tab in bottom navigation - react native
Can someone please advise how can i hide a tab from display in Bottom Navigation, i want to jumpTo the tab from code but i don't want it show in the Bottom Navigation. Below is some code i am using, i just want to hide the vehicle_edit tab from…
Gss86
- 63
- 1
- 6
0
votes
1 answer
Theme from React Navigation and Paper doesn't work on the screens background
I'm using themes from React Native Navigation and from React Native Paper, after some configuration everything works, titles, text, headers, etc. Except for the background of the screens.
I used Stack Navigator, Bottom Tab Navigator, and Top Tab…
Lando Sotelo
- 81
- 1
- 7
0
votes
1 answer
TypeScript error on for native paper
A while ago all my components started giving TypeScript errors for missing attributes (onPressIn and onPressOut). Now, I would prefer not to add all these attributes with undefined values to all my components.
How do I fix this? And…
Z0q
- 1,689
- 3
- 28
- 57
0
votes
1 answer
How to make the ProgressBar occupy the remaining width of the View container
What I want to achieve:
I want a horizontal view with two elements:
Text
ProgressBar (imported from React Native Paper)
I want the text to take as much space as needed (fit-content). The rest of the width should be taken by the ProgressBar.
What…
Rechu
- 617
- 1
- 4
- 14