Posted On
React Native

How to generate keytool for android release and debug build

Posted By Neha Dwivedi

Keytool is a key and certificate management tool that is used to manipulate Keystores, Keystore is a container for authorization certificates or public key certificates, and is often used for encryption, authentication.The Keytool is a command line tool which can generate public key / private key pairs and store them in a KeyStore, for generating SHA1 certificate we must needed keytool. There are […]

read more
Posted On
React Native

How to finding index at the time of scrolling on flatlist in react native

Posted By Neha Dwivedi

<FlatList style={{ marginTop: 20, marginLeft: 20, marginRight: 20 }} data={this.state.data} pagingEnabled={true} onTouchStart={() => console.log(‘onTouchStart’)} onTouchMove={() => console.log(‘onTouchMove’)} onTouchEnd={() => console.log(‘onTouchEnd’)} onScrollBeginDrag={() => console.log(‘onScrollBeginDrag’)} onScrollEndDrag={() => console.log(‘onScrollEndDrag’)} onMomentumScrollBegin={() => console.log(‘onMomentumScrollBegin’)} onMomentumScrollEnd={() => console.log(‘onMomentumScrollEnd’)} onScroll={() => this.handleScroll()} extraData={this.state.refreshflatlist} ListEmptyComponent={() => API.noRecorsFound()} renderItem={({ item, index }) => { return ( this.setModalDataDynmically(! this.state.modalVisible, item, item.hostedEvents, item.name, item.isAvailable, item.isliked, item.id)} […]

read more
Posted On
React Native

How to exit from the app with user confirmation in react native

Posted By Neha Dwivedi

How to exit from the app with user confirmation in react native: it’s done by using backhander. Integrate same as back button handling and on onButtonPress = () => { BackHandler.removeEventListener(‘hardwareBackPress’, this.handleBackButton); // then navigate navigate(‘NewScreen’); }handleBackButton = () => {Alert.alert( ‘Exit App’, ‘Exiting the application?’, [{ text: ‘Cancel’, onPress: () = > console.log(‘Cancel Pressed’), […]

read more
Posted On
React Native

How to open phone default calendar in react-native

Posted By Neha Dwivedi

React native provide default functionality to open phone calender, so we follow these steps. Step1: import the linking from react native, because linking is a default functionality of react-native. import { Linking } from ‘react-native’; Step2: Now we are going to implement the design part, where we click for open the calender. <TouchableOpacity style={{ borderWidth: […]

read more
Posted On
React Native

How to change Android package name in react-native

Posted By Neha Dwivedi

Step1: There are a file name with android/app/BUCK open the file and find these lines then change it with your desired name. android_build_config( name = “build_config”, package = “com.connect.bonfires”,//change this name ) Android_resource( name = “res”, package = “com.connect.bonfires”,//change this name res = “src/main/res”, ) Step2: open 4nother file name/location is android/app/build.gradle and find the […]

read more

Upload a featured Image or attachment

Posted On
React Native

How to set/use vector icons in react native

Posted By Neha Dwivedi

How to set/use vector icons in react-native: In today’s era icon is a basic need of all apps, it gives a much better look to your app so today we going to talk about icons, for icon npm provide a great plugin named vector-icon for implementing vector icon please follow these steps. Step1: install the […]

read more