Stack Overflow
Stack Overflow

Questions tagged [react-native-paper]

Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.

Material design for React Native.

345 questions
2
votes
1 answer

react native KeyboardAvoidingView with already opened keyboard dont work properly

In my App there are multiple situations where dialogs are shown. When a user should enter a Mail address and the format is wrong a react-native-paper Dialog will be opened inside a Portal.
Yannick Schröder
  • 349
  • 4
  • 14
2
votes
1 answer

Can't focus TextInput when navigating to a screen

I have a react-native-paper TextInput that I want to focus automatically when I navigate to a screen (using react-native-navigation). I have tried setting autoFocus={true} on the TextInput, but that didn't work. In another attempt, I tried to focus…
pta2002
  • 185
  • 1
  • 3
  • 12
2
votes
1 answer

Problem with react-native-paper Theme using Expo and Stack Navigation

I'm working with Expo to create a mobile app with react native, I'm trying to include styles with react-native-paper and applying a custom theme to the whole project, but it doesn't apply any changes from DefaultTheme, DarkTheme, or custom…
Lando Sotelo
  • 81
  • 1
  • 7
2
votes
0 answers

Having issue with react-native-paper in react-native-web platform

I have followed react native paper documentation for User on the Web. When I try to serve it gave me an error https://callstack.github.io/react-native-paper/using-on-the-web.html While try to run it return error nx run website:server issue npm run…
Somit Shrestha
  • 21
  • 1
2
votes
1 answer

How to test RN component rendering inside modal & portal in react native

I am using react-native-paper library as my UI component library.I am using Modal component which gets rendered inside Portal, something like below .... For writing unit test cases I…
Lalit Kushwah
  • 3,861
  • 5
  • 25
  • 40
2
votes
2 answers

React Native Paper ProgressBar Not visible

Hello i was following along a tutorial and it was going fine, until the tutor used react-native-paper ProgressBar in his project, I wrote exactly same but it was not visible, I found the documentation and plugged it, still not visible. What am i…
manan aggarwal
  • 53
  • 3
  • 5
2
votes
1 answer

how to add scrollbar in horizontal in datatable react native paper?

Hy! I'm new in react native development and using expo-cli. I add a react-native-paper datatable in my app its working fine but I have many fields I want to scroll a screen in the horizontal direction but I can't understand who to do it. Kindly…
Adil Ijaz
  • 312
  • 1
  • 5
  • 16
2
votes
1 answer

ZIndex overlapping with any react-native-paper component in Android only

I have an absolute flatlist and if I select one of the options and there's a paper button or any other pressable component is getting pressed along side with the selected element. Expected behaviour: I am using zIndex but still the component behind…
moh'd khamis
  • 33
  • 4
2
votes
1 answer

All react-native-paper components throw type error regarding Accessibility API

In my react app using react-native-paper with typescript all the paper components throw the type Error; type 'The props used' is missing the following properties from type 'Pick
Amir-Mousavi
  • 4,273
  • 12
  • 70
  • 123
2
votes
1 answer

Pagination in react native datatable

I'm very much new to react native currently i'm building small app for just getting an proper idea about this. I'm facing an issue in pagination i'm using react-native-paper as the ui library. So i used the inbuilt datatable from that. I've assigned…
sooraj s pillai
  • 866
  • 2
  • 17
  • 39
2
votes
1 answer

React-native with storybook problem react-native-vector-icons and react-native-paper

We are developing a component in react-native that uses react-native-paper, as this also works on the web, we wanted to use storybook to be able to create basic examples that can also be tested on the browser . But the problem we are getting the…
Paul
  • 3,644
  • 9
  • 47
  • 113
2
votes
2 answers

React native react-native-paper button with greater height

I'm using react-native-paper, I would like to make a button with bigger dimensions than normal, as seen in the gif. I've tried using both height and padding, but both don't work properly. What you see in the gif is the example with padding. only…
Paul
  • 3,644
  • 9
  • 47
  • 113
2
votes
3 answers

react native paper list accordion

I am having a problem with react-native paper list accordion it is not working on android! I mean the list is showing but not when you click the accordion :(. on ios everything is working fine! any idea on how I can solve that :( thx I am using…
Kob_24
  • 592
  • 1
  • 10
  • 26
2
votes
1 answer

react native paper header Appbar.Content issue

hear in this image i add title in Appbar (react native paper appbar) but it is not display full. i want to display whole title hear is my code export default function Header(props) { const navigation = useNavigation(); return ( …
Mitesh K
  • 694
  • 1
  • 11
  • 24
2
votes
1 answer

React Native | title prop button must be string

I'm using React Native Paper in my react native project and running in iOS simulator. While clicking on Buttton I'm navigating to signup page. When I click I 'm getting below errors. title prop button must be string CODE:
Maria Jeysingh Anbu
  • 3,164
  • 3
  • 34
  • 55
1 2 3
…
22 23