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

how to put two data in a title?

I want to display a list of products that uses an API to retrieve the data. the array I use to display data looks like this : Array [ Object { "amount": 2671.25, "balance": 0, "client_id": 1, "created_at": "2020-05-06T17:42:26Z", …
Kimako
  • 615
  • 2
  • 11
  • 26
0
votes
3 answers

Slider toggle button in react native?

I would like to add one of these slider toggle buttons to my react native app. Are there any easy ways to do this without starting from scratch? Example video
0
votes
2 answers

How to Add Scroll Feature in REACT NATIVE PAPER using Menu.Item

I need Scrollable in DropDown in React Native Paper using Menu.Item.
0
votes
1 answer

Problem in clearing TextInput in React Native

I have multiple TextInput React-native-paper inputs generated dynamically in table. whenever i put valuee and check that this value is greater or not from some specific value based on this it will show alert message and will clear the textinput but…
0
votes
1 answer

React native paper button doesnt trigger onpress

I am authenticating with firebase auth and react native. I have a react native paper button to submit the form but when you click it doesn't trigger the onPress function. I am using firebase 7.9.0 and react native 39.0.4. Things Ive tried: making…
sheepsbleat
  • 87
  • 1
  • 9
0
votes
1 answer

What are the different parameters to take in account to scale fonts correctly, for different screens for iOS and Android, using React Native Paper?

I'm currently implementing tons of conditions in the rendering of my components because it seems that there is hudge differences of font size between the devices. It is not clear for from now what are the different factors. On smaller Android…
Xiiryo
  • 3,021
  • 5
  • 31
  • 48
0
votes
1 answer

How do i render a dynamic variable for my text in the Modal component?

I was searching for a method to render a custom variable which I set from a function that I call whenever the Card button is clicked, that variable goes onto the body of a Modal which should dynamically contain the value of that specific…
0
votes
3 answers

Can not overlay a image on Appbar of my screen. (React-Native, react-native-paper)

I tried to overlap an image on Appbar Component and it's not happening. Here is my code...
Satyam
  • 567
  • 1
  • 6
  • 20
0
votes
2 answers

How to handle key prop in a list?

Can you help me try to correct this code ? I would like to make sure I have a list of customer orders. Each order must be able to be unrolled so that we can access the details of the number of items, their detail and the price of the order. I wanted…
Kimako
  • 615
  • 2
  • 11
  • 26
0
votes
1 answer

I am getting error, while implementing react-native-paper on react-native-web

This link I used to implement for paper-provider https://callstack.github.io/react-native-paper/using-on-the-web.html. After copied PaperProvider I am getting these error.. ERROR in ./src/index.tsx Module…
0
votes
1 answer

Too many re-renders in react native app, what can I do?

I have a react native app with expo-client and gives a too-many re-renders error I will post the files, notice that I use react-native-paper. This is App.js which is a wrapper for app import React from "react"; import { Provider as PaperProvider,…
0
votes
1 answer

Getting Error on TextInput with TextInputMask in react-native-paper

Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See react-unsafe-component-lifecycles for details. Move data fetching code or side effects to componentDidUpdate. If you're updating state whenever props change,…
Praveen Patel
  • 349
  • 7
  • 24
0
votes
3 answers

Passing navigation to BottomNavigation

In my React Native app, I use react-navigation version 5. How do I pass the navigation object to the scenes in BottomNavigation? Here's the component where I create the BottomNavigation: import React from 'react'; import { BottomNavigation } from…
Sam
  • 26,817
  • 58
  • 206
  • 383
0
votes
1 answer

React Native Paper the List.Accordion I can put the Icon

Objective I am using the library react-native-paper and I am using the List components, but in the List.Accordion appears one strange image at the right position, I would like to put an icon arrow down in the place. But the List.Accordion just…
Vagner Wentz
  • 391
  • 1
  • 7
  • 29
0
votes
4 answers

Accessing Theme Color in React Native

I'm trying to access the primary color of the theme. I have a problem doing it since the error says "Cannot read property colors of undefined" Pls check my code below. import React, { memo } from "react"; import { StyleSheet, Text, withTheme } from…
Joseph
  • 7,042
  • 23
  • 83
  • 181