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

React native paper component not pulling the proper font

My react-native-paper component textInput doesn't pull the fonts I set it.
Mislav
  • 391
  • 5
  • 17
0
votes
3 answers

React Native Paper Icons repository

I have struggled a lot to figure out the repository being used in react native paper for Icons, using react native paper designing APP becomes very easy but figuring out Icon names was a bit struggle.
r7r
  • 1,440
  • 1
  • 11
  • 19
0
votes
2 answers

TouchableOpacity onpress is not working with Navigation

I am using react native Navigation and I put a switch inside the header to toggle between light and dark theme while using touchableOpacity onPress prop. No error logs, and when I press the switch, the touchableOpacity onpress is not firing up. I…
hanan
  • 532
  • 2
  • 7
  • 23
0
votes
1 answer

Why adding extra state helps to update other state?

Here is the full code: import * as React from 'react'; import { View, ScrollView, StyleSheet } from 'react-native'; import { Appbar, Searchbar, List, BottomNavigation, Text, Button, } from 'react-native-paper'; const AccordionCollection…
Nay Sie
  • 145
  • 6
0
votes
1 answer

React Native Buttons onPress nothing happens, also onChangeText not working

I am new to React Native. I have a single login form with two fields. I want to authenticate the user before sending him to Dashboard.js. No matter what I try the button is not doing anything(absolutely nothing happens,no error). I have kept the…
sat
  • 3
  • 3
0
votes
1 answer

How to change radio buttons states individually inside an map?

I have this two radio buttons inside a map and i want to change their states individually, now the behavior is when i toggle one all the radios in the map change. import React from "react"; import "./styles.css"; const questionario = () => { …
jarwin
  • 628
  • 2
  • 10
  • 26
0
votes
1 answer

TouchableOpacity is not working inside ScrollView

I am trying to implement A suggestion box for a text field. While entering input the suggestion box should appear just below to current text field and over the next input filed, This suggestion should scroll after a maxHeight. I am have implemented…
Infopedia
  • 376
  • 2
  • 14
0
votes
2 answers

Usage of as keyword in typescript

In an object the developer defined code constants like this: medium: { fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif', fontWeight: '500' as '500', }, What is the as keyword doing?
carlosbf
  • 78
  • 3
0
votes
1 answer

Can't add Bottom Navigation from React Native Paper

I recently got started with react-native and react-native-paper, I followed the docs to set up everything, however when I try to add a bottom navigation, I get the following error : TypeError: undefined is not an object (evaluating 'route.map'). Can…
Volck
  • 334
  • 6
  • 14
0
votes
1 answer

How to disable one button when another button is pressed in react-native-paper

In react-native-paper (or even in react-native dirctly) I don't understand how to do the equivalent of getElementById to modify an element. In JavaScript, I would assign each button a unique id, and then when one button is clicked, I can call…
jsherk
  • 6,128
  • 8
  • 51
  • 83
0
votes
1 answer

How can I resize an image in a react-paper card.cover to fit the height?

I have: {/* Card title */} Card content …
Shamoon
  • 41,293
  • 91
  • 306
  • 570
0
votes
1 answer

After setting the width and height for the FAB.Group icon it get hiding in UI

I have set width and height in the Icon. The icon get hidden and the same will reflecting in the label as increasing its height and width. I need to increase the width and height for the Image and not need to increase the width and height of the…
sejn
  • 2,040
  • 6
  • 28
  • 82
0
votes
1 answer

How to make icon spin in react-native-paper?

I am having this react-native-paper button: How can I make the icon spin…
Dimitri Kopriwa
  • 13,139
  • 27
  • 98
  • 204
0
votes
0 answers

React native Multiple TextInput with autoFocus

I'm having a problem using the "autoFocus" property on a TextInput component, from 'react-native-paper'. In my component i have to display multiple steps (there is one input per step), and every step i have to auto focus the good input. My render()…
Thibault Dumas
  • 1,060
  • 2
  • 10
  • 21
1 2 3
…
22
23