Category "react-native"

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

ReferencEerror can't find variable:image

import React, {Component} from 'react'; import{ StyleSheet, Text, View, StatusBar } from 'react-native'; export default class Logo extends Component{ render(){

React Native inline styles and performance

Does the following: <Text style={{color: 'blue', fontSize: 30}} /> Have any performance implications compared to: <Text style={styles.blueButton} /

Disable swipe gesture from opening the navigation drawer using react-navigation

I am using react-navigation (https://reactnavigation.org) and I am trying to disable the option that the side drawer opens when the user swipes right/left I`ve

react native vector icons won't show in android device

I used react-native-vector-icons in my react native project and start app with npm start. Icons are displaying normally in iOS, but won't show in android. Thing

React native stuck at loading from localhost : 8081 on physical device using USB debugger

When I run react-native run-android it builds successfully and there after Mobile screen shows nothing more than loading from local host : 8081 I have tried