Category "react-native"

Expo display remaining seconds of audio

I want to display how much seconds are left from the audio. Like this: I know I need to use the positionMillis and thedurationMillis props, but how can I monit

Change border line colors when unfocused (react-native-paper)

I have a textinput that changes color if the conditions are met or not (green to brown and vice versa) when it is focused. I would like the colors to stay the s

React Native Android libc.so crash on first open after installation

Everything is working fine in debug mode. If I uninstall the app and reinstall from an apk, the first time is crashing. When I reopen, starts working fine. Reac

How to set shadows in React Native for android?

Hi am trying to set a shadow for my fab but my attempts has failed so far i tried setting shadow props but that is for ios only so i tried to play with elevatio

How to navigate multiple folders from app.js

I have a file structure like below screens ..components Avatar.js ..Contacts ManageContacts.js ..Login Signup.js I am new to React Native applica

How to prevent re-rendering of components that have not changed?

I have a component that consists of several other components such as text fields, and when an input is made to the text field, all other components are re-rende

Could not resolve all artifacts for configuration ':react-native-safe-area-context:classpath'

I have created a boilerplate react-native application and then trying to add react-navigation to it. However the moment I add dependencies for "react-native-saf

"Undefined symbol: protocol descriptor for Swift.ExpressibleByFloatLiteral" issue while installing react native on macOS Big Sur

I was trying to install React Native on my system, and found that it failed to install CocoaPods dependencies which is required by that template error. sudo arc

Can't seem to load custom fonts with Expo's Font.loadAsync

I'm using React Native with Expo, and it is all going well except for this one issue with custom fonts. I have my font Lobster-Regular.ttfin ./assets/fonts, and

React Native Bottom Tab Navigator - Icons not displaying

/* eslint-disable react-native/no-inline-styles */ /* eslint-disable prettier/prettier */ import * as React from 'react'; import Home from '../screens/home'; i

Preventing hardware back button android for React Native

I want to prevent the user from going back to the previous screen. So I added code, but this does not work. Are there any solutions for this? The alert pop up i

How to use horizontal weight meter in react native

I'm making a react native app now. I need to use a horizontal weight scrollbar in the app like the image which I attached. When a user scrolls the horizontal sc

TypeError: undefined is not a function (evaluating 'this.state.list.map')

so I'm trying to push a variable onto an array called list from my state. But it is throwing off this error saying that undefined is not a function. However, wh

MainActivity.java - cannot find symbol reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED)

I've upgraded react-native to latest version (0.68) through react-native CLI, and now every time I'm trying to build for android I get this error: error: cannot

Set Header Height with Safe Area Insets with React Navigation

I can pass screenOptions to the Navigator with a headerStyle object with a height property, but I'd like the height to take into account the SafeAreaInsets and

React Native: How to remove token with AsyncStorage with JWT ?

I am currently storing my React Native token like so using var jwt = require('jsonwebtoken');: AsyncStorage.setItem('token', response.token) And I'm not sur

Why should I use the next-js library in a react-native project

In the react-js project, I understand the benefit of having every page render on the server and not having to download all the pages when only one page is neede

RNCAndroidDropdownPicker was not found in the UIManager

I have installed nativebase version 2.15.2. I am getting following error in android: requireNativeComponent "RNCAndroidDropdownPicker" was not found in the UIMa

How to display count of notifications in toolbar icon in react native

I am wanting to create a react native badge count for my app. I have been searching the last week with out any luck. I am wanting to do something like the image

React-Native Image Height (Full Width)

I have an image that I pull down from a url. I do not know the dimensions of this image ahead of time. How do I style / layout the <Image/> so it is the