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
5
votes
3 answers

How to make WebView scrollable in react-native-webview?

I have that is embedded in a as I am using react-native-paper. I am trying to have WebView scrollable. The webview shows but not scrollable. Code I am using:
0x01Brain
  • 798
  • 2
  • 12
  • 28
5
votes
1 answer

Does formik use formData under the hood?

I'm trying to upload an image with an formik form, if not how can I convert formik form values into formData?
Avneesh Desai
  • 61
  • 1
  • 6
5
votes
5 answers

How do you set the color of a disabled button using a react-native-paper theme?

The react-native-paper docs suggest you can set the color of a disabled button using a theme, but this code does not work: export const buttonTheme = { colors: { primary: COL_BASE_YELLOW, disabled: COL_DARK_HIGHLIGHT, }, }
5
votes
5 answers

Change TextInput Style on Focus React Native Paper

First of all, I've researched through other posts and find many solutions but nothing work in React Native Paper ? I need change TextInput Style on Focus in React Native Paper
Pirta Matharu
  • 267
  • 1
  • 5
  • 22
5
votes
1 answer

React Native Paper - Unrecognized font family 'Material Icons'

I am creating a new react native app and using react-native-paper. This is not an Expo app but a vanilla react native app. The react native version is > 0.6.0 and I have followed the steps described in the react-native-paper installation…
Mohit Mutha
  • 2,921
  • 14
  • 25
4
votes
1 answer

React-native-paper Menu is hiding behind other elements despite use of zIndex. How do i bring the element on top?

I am using the Menu component from react-native-paper for options menu on modal-header. Below is the screenshot of the modal: The parent tag holding the Menu has sibling elements (stuff below the header). It seems that due to this heirchy, the menu…
Suraj Ingle
  • 372
  • 4
  • 18
4
votes
1 answer

React-Native-Paper Theme won't use Custom Fonts

I am working on a RN app using react-native-paper to handle theming and UI. I have the theme working to format my components, however when I try to incorporate custom fonts it does not have any effect on the react-native-paper components. I have…
Griffin Reichert
  • 43
  • 1
  • 4
4
votes
2 answers

Can't change color of Card Title text in React Native Paper

I'm just getting started with React Native and using Paper for UI elements. I'm using a card layout for my current screen: {cardData.map((card, index) => { return(
RiddleRiddlerRddler
  • 303
  • 3
  • 17
4
votes
3 answers

React Native Paper Text Input - Adjusting label color at the initial state

I want to adjust the outlined react-native-paper TextInput label color at the initial state (not onFocus). This is my OutlinedInput component: import * as React from 'react'; import { TextInput } from 'react-native-paper'; const OutlinedInput =…
Utku Demir
  • 373
  • 1
  • 6
  • 14
4
votes
1 answer

TextInput on React-native-paper is not working

I wanted to get an input on Card from react native paper. I tried to put the textInput in card, card.title, card.content or card.actions, and it is not working, what am I doing wrong? is there any work around on this? Here is the code I am working…
hanan
  • 532
  • 2
  • 7
  • 23
4
votes
3 answers

How to get an Icon Component in react-native-paper without Button Component like in react-native-elements

I'm using react-native-paper and I want to get an Icon component but without any link with Button Component. I went through the doc and I didn't found an Icon Component. I want something similar than react-native-elements one import { Icon } from…
Patrissol Kenfack
  • 764
  • 1
  • 8
  • 22
4
votes
2 answers

Is there a way to grab the keyboard search/return input in react-native-paper SearchBar?

I am working on a react native android app that needs a search bar. I am using the SearchBar from react-native-paper, and I checked their documentation and couldn't find any sort of way to find if the user pressed the little search button on their…
Stefan Todoran
  • 93
  • 1
  • 10
4
votes
3 answers

Customize TextInput Label of the react-native-paper in the case of React Native Web

I'm working with the React Native Web and React Native Paper library with Styled Components. Basically I would like to customize the TextInput inner components: Label and html input The questions are: 1) How to change Label styles? eg.…
Velidan
  • 5,526
  • 10
  • 48
  • 86
4
votes
0 answers

in Appbar.content has empty space above

I am using the following code to create a header with react-native-paper and react-navigation: return ( {previous ? (
Ryan Pergent
  • 4,432
  • 3
  • 36
  • 78
1
2
3
…
22 23