react-native-paper Questions

3

Solved

Some odd behaviour on a TextInput on a Modal in React Native Paper. When I type a character, it is input into the text box, but then the cursor flashes back (as if it is deleted) and then it reappe...

7

Solved

How can I change text color of TextInput in React Native Paper without wrapping in PaperProvider? Currently this works: const theme = { ...DefaultTheme, colors: { ...DefaultTheme.colors, text...
Salami asked 2/5, 2019 at 18:34

2

Solved

The columns are arranging by default, if I try to give width to cell and title, there is no change in result. So how can I arrange column width explicitly? <DataTable style={{ height: height }}...
Azure asked 14/10, 2020 at 7:43

4

Solved

I want to change the color or the border in this code before the focus I want the color red and on the focus I want the color yellow. This my work https://prnt.sc/o8evi5 This is the code I have a...
Lipocaic asked 29/6, 2019 at 20:14

3

I want to use the colors from my react native paper theme inside the stylesheet create function inside my component. Here's my code import { StyleSheet, Text, View } from 'react-native'; import { u...
Bhatt asked 30/3, 2021 at 2:38

4

This is a fresh React Native app using React Native Paper. I followed the instructions at https://callstack.github.io/react-native-paper/getting-started.html and installed react-native-paper and re...
Crispi asked 13/5, 2020 at 16:58

4

Solved

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 } f...
Kiona asked 13/9, 2020 at 22:56

1

The problem is with React-native-papers and TextInput component.(And maybe the lack of my css/flexbox knowledge) When alignItems: 'center' is used on a View above TextInput in the tree the TextInp...
Additive asked 26/7, 2021 at 8:20

4

Solved

I am using Button component from react-native-paper for my application. I set by background to some value. How can I change the ripple color that appears when touched. My button component <Butto...
Glassworker asked 21/1, 2021 at 14:58

5

Solved

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
Auriga asked 10/12, 2019 at 6:42

3

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 th...

2

Solved

I want to change the color of react-native-paper naviagation. How can i change the color. I am able to change the color of background but not able to change the color of active tab round button. Im...

2

I use react-native-paper searchbar component to implement a search component. Following is the basic code I developed. But when I click outside the search input field, the keyboard does not collaps...
Apothecium asked 16/5, 2022 at 16:20

3

Solved

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 ...

1

I'm using a SnackBar from React Native Paper that is displayed at the bottom of my app: But I want to display this snackbar at the top of the screen. I tried to do it using styled components: expo...
Calvo asked 24/1, 2022 at 19:36

3

I have <WebView> that is embedded in a <Card.Content> as I am using react-native-paper. I am trying to have WebView scrollable. The webview shows but not scrollable. Code I am using: &...

1

I'm trying to upload an image with an formik form, if not how can I convert formik form values into formData?
Matless asked 10/7, 2020 at 4:48

1

I am looking for an autocomplete-text-input with the floating suggestion box. Please suggest me any package name that can help to make the same component. I tried to many packages but nothing helps...
Introspect asked 28/5, 2020 at 14:55

1

Solved

My end goal here is to give a few drawer items custom background colors depending on a few states set elsewhere. I understand that in order to give unique background colors to drawer items, I need ...

2

Solved

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 ...
Hudson asked 9/4, 2020 at 1:10

0

I need to customize the FAB.Group with my custom icon and the text. If I set the width and height the image gets hiding and simultaneously it increasing the size of the text too. How can I style t...
Monogenic asked 9/3, 2020 at 9:8

3

I am relatively new in react native. I can easily show button (with shadow, etc) as in here. <Button mode="contained" color={'#f08e25'} contentStyle={{ height: 44 }} onPress={this.onPres...
Seta asked 23/10, 2019 at 4:32

1

Solved

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 descri...
Antipater asked 15/8, 2019 at 7:56
1

© 2022 - 2024 — McMap. All rights reserved.