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
3
votes
1 answer

Is there a way to change underlay color of button element in react-native-paper?

While pressing the button, default dark blue background color appears. I tried everything to change the underlay color of buttons in react-native-paper but no luck. React Native buttons have a underColor property to do so. Can we by any means change…
Prateek Oraon
  • 101
  • 1
  • 8
3
votes
1 answer

Strange cross in a box is appearing in place of checkbox of React-native-paper

I am using a checkbox from react-native-paper library but when I render that checkbox in my component a strange special box with a cross appears on screen as you can see in the picture. Here's my code: Import import { TextInput, Checkbox } from…
Syyam Noor
  • 474
  • 5
  • 15
3
votes
1 answer

Use RTL Direction when Localization is LTR In React Native

I have used i18n to use multiple languages in my React Native application. The problem is when Localization setting is based on LTR I can't change the TextInput direction to RTL. I have tried writingDirection but it only work's in IOS. I have…
Mahdi Tohidloo
  • 2,968
  • 1
  • 17
  • 17
3
votes
1 answer

React native paper theme with react navigation not working

I am new to react-native. I was working with react native paper to provide a theme to all screens. I am also using a react-navigation stack navigator and drawer navigator. First of all with navigation the paper theme is not working in the navigated…
Asif Rahman
  • 453
  • 7
  • 16
3
votes
1 answer

can i reuse a single instance of a component at multiple places on a screen in react?

I have this application that i am writing in react-native, where i have this screen which displays around 50-100 images and some action buttons associated with them, including a pop-up menu(one associated with each of them). Is there a way that i…
Jagga
  • 189
  • 2
  • 9
2
votes
1 answer

Jest tests in an Expo app with react-native-paper

I have an Expo app that I'm setting up. I've added Jest tests and they work fine. I want to use react-native-paper for styling but when I add that and modify the one page I have so far to use it the test I've wriiten fails due to problems with the…
John East
  • 116
  • 1
  • 5
2
votes
0 answers

React Native headerHeight doesn't change based on content in iOS, but works fine in android

When I try to add an to the option headerTitle it displays correctly on Android, but not on iOS. Could anyone help me with this issue? The stack screen is in a Drawer but i don't think that would change the behaviour. Difference I was expecting the…
John Klees
  • 21
  • 3
2
votes
2 answers

Styling the react-native-paper component in react native

I am using the TextInput component of React Native Paper. But I am getting the outline in the UI even though I am putting borderwidth:0. This doesn't appears when we are giving the input (when the num-pad is on) Can someone please tell how to…
Tanish Gupta
  • 400
  • 2
  • 8
  • 20
2
votes
1 answer

TextInput react-native-paper remove label on focus

I am using the TextInput of React Native Paper (https://callstack.github.io/react-native-paper/text-input.html) Is there a way to not show the label on the border line when we are focusing on a TextInput?
colla
  • 717
  • 1
  • 10
  • 22
2
votes
0 answers

React Native Paper - Font Family not take effect in theme

Version: "react-native": "0.68.2", "react-native-paper": "5.0.0-rc.3", "react-native-vector-icons": "^9.2.0", Problem: the fontFamily in the
DavidZ
  • 41
  • 5
2
votes
0 answers

does react-native-paper support RTL?

i want to change the placeholder direction to RTL but it doesnt work at all this is the code import { TextInput } from 'react-native-paper';
mostafa nadi
  • 21
  • 2
2
votes
2 answers

Why does List.Accordion get highlighted in white when being selected on IOS?

I'm currently using the List.Accordion component by react native paper and when being selected on IOS the entire List.Accordion component gets highlighted in white but on Android it instead gets highlighted with a dark shade and I'm not sure why.…
Nick
  • 21
  • 3
2
votes
1 answer

Center React Native Paper Modal

I might be missing something small here but I can't seem to get my component to center in my React Native app. Here is the code for the modal: ...
patataskr
  • 325
  • 5
  • 15
2
votes
1 answer

How to customize react native paper TextInput marker on Android

I wanna set a specific color for the text input marker on Android (shown on the image below), using the TextInput component from the react-native-paper library. I've already tried the props: selectionColor, underlineColor, activeUnderlineColor,…
bmelocarcalho
  • 57
  • 9
2
votes
2 answers

React Native vector icons are not shown correctly on Android

I've added Material Design Paper library by their manual. And Gradle prints a lot of warnings as below: > Task :app:stripDebugDebugSymbols Execution optimizations have been disabled for task ':app:stripDebugDebugSymbols' to ensure correctness due to…
Denis Sologub
  • 7,277
  • 11
  • 56
  • 123
1 2 3
…
22 23