Questions tagged [react-native-paper]
Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.
react-native-paper
378
questions
0
votes
1
answer
16
views
React native paper dates DatePickerInput customization
I'm trying to customize DatePickerInput component from react native paper dates : https://web-ridge.github.io/react-native-paper-dates/docs/date-picker/input-date-picker
The component creates a ...
1
vote
0
answers
27
views
How to optimize React Native form page with react-native-paper TextInput for better performance?
I'm developing a form page in React Native using TextInput from react-native-paper. The page is experiencing slow load times and glitches when the screen orientation changes for adujusting the width ...
1
vote
0
answers
38
views
Date picker input width with React Native Paper Dates
I want to add a DatePickerInput in my react native project using React Native Paper Dates.
It seems to work fine but I cannot adjust the width of the input.
<DatePickerInput
...
1
vote
1
answer
59
views
How to build a search function in react native app?
I have a react native app. And I have a search function. The problem I am facing is that the search function only works when the whole word has been entered in the textfield.
So for example Edelhert ...
0
votes
0
answers
24
views
how to put a search field in the List.Accordion component? (Prop - List.Accordion (Paper) - React Native)
I want to place a search field and a sort field in the List.Accordion component of the React Native Paper library, as shown in the image below.
note: I saw that the List.Accordion component can ...
0
votes
0
answers
29
views
In react native Modal closes twice when clicking close button
Framework: React Native with react-native-paper for modal management.
When the close button in the modal is clicked, the modal closes twice instead of once. This behavior is unexpected and disrupts ...
1
vote
0
answers
47
views
Using discovered online documentation, cannot render NotoSans fonts in react-native-paper ...DefaultTheme customization
UPDATE: This is a type error on DeepPartial and I got an answer using Copilot (AI) but I still don't understand from the response how I refactor my DeepPartial. Adding Typescript tag to issue.
I am ...
0
votes
0
answers
23
views
One of the inputs is slower than the rest of them
One the inputs works really slow compared to rest of them, the problem is it is not a specific input but the 3-rd one from the bottom, so is I switch the order the 3rd one from the bottom will still ...
0
votes
0
answers
90
views
React Native Paper: Style FAB like other FAB buttons in group with a label, rather than as an extended FAB
I am using React Native Paper as my styling UI library and ran into an issue with the FAB. Within a FAB.group, I need to be able to put labels next to all the FAB options, but need the visuals to be ...
0
votes
0
answers
38
views
Bottom tab Navigation is only working for 3 seconds on expo app after reload then not working
I am building a React Native with expo android with real device and I am using react-native-paper with it's navigation.
I also added bottom navigation bar but the problem is that when I reload the ...
0
votes
1
answer
65
views
How to change TextInput style and dismiss keyboard with onblur using react-native-paper
I use react-native paper and I need help... I would like to know how to reject the keyboard and also how to deactivate OnFocus when onblur is active
import { View, StyleSheet } from 'react-native';...
1
vote
0
answers
65
views
Using patch-package for react-native-paper does nothing?
I am developing a smartphone app using React Native Expo and adjusted the source code of a DataTable component so that I can have text wrapping per row of data. When I make changes to the source code ...
3
votes
1
answer
193
views
How to stop displaying New file as an menu list in expo router?
I am working on expo router trying to develop android application. During development I Observe that if I am creating any new file it is showing in menu, like if I am using tab navigation using expo ...
1
vote
0
answers
18
views
ReactNativePaper configureFonts invalid typescript for ThemeFonts
I'm using
"react-native-paper": "^4.12.8",
and I'm trying to configure the theme:
declare global {
namespace ReactNativePaper {
interface ThemeColors {
textInverted: ...
2
votes
0
answers
40
views
Can Someone Help me here? I want to know about size from where it's value set?
I am Using React native with expo router version 50.0.15. Recently, I have implemented the Bottom tab menu.
I want to know from where the icon size value is set?
I want to change the size for each ...