get text from textinput react native code example

Example 1: display image base64 in REACT NATIVE

const encodedBase64 = 'R0lGODlhAQABAIAAAAAA...7';
<Image source={{uri: `data:image/gif;base64,${encodedBase64}`}} />

Example 2: touchableopacity as button in react native

//React Native Button element doesn't have style props and offers very 
//few customization. Use TochableXXX elements instead.
//TouchableOpacity works fine

import {
  TouchableOpacity,
  Text,
} from "react-native";

<TouchableOpacity
          style={styles.button}
          onPress={this.onSubmit}
          disabled={!this.state.isFormValid}
        >
          <Text style={styles.btnText}>Add
			</Text>
</TouchableOpacity>

const styles = StyleSheet.create({

  button: {
    width: 200,
    marginTop: 20,
    backgroundColor: "green",
    padding: 15,
    borderRadius: 50,
  },
  btnText: {
    color: "white",
    fontSize: 20,
    justifyContent: "center",
    textAlign: "center",
  },
});

Example 3: react native textinput

import React, { Component } from 'react';
import { TextInput } from 'react-native';

export default function UselessTextInput() {
  const [textInputValue, setTextInputValue] = React.useState('');

  return (
    <TextInput
      style={{ 
    	height: 40, 
    	borderColor: 'gray', 
    	borderWidth: 1,
    	placeholderTextColor: 'gray',
    }}
      onChangeText={text => setTextInputValue(text)}
      value={textInputValue}
	  placeholder="Insert your text!"
    />
  );
}

Example 4: react native get location

npm i -S react-native-get-location