----------------------------------------------------------------------
Se precisar de ajuda para ajustar o código abaixo de acordo com as
suas necessidades, chama a gente no WhatsApp +55 (62) 98553-6711 (Osmar)

Ah, e se puder, faça uma DOAÇÃO de qualquer valor para nos ajudar
a manter o site livre de anúncios. Ficaremos eternamente gratos ;-)
Nosso PIX é: osmar@arquivodecodigos.com.br 
----------------------------------------------------------------------

import React, {Component} from 'react';  
import {View, Button, TextInput, StyleSheet} from 'react-native';
 
type Props = {};  
export default class App extends Component<Props> {  
  // estado (state) dessa classe
  state = {
    nome: ''
  }

  // método que permite atualizar o state da classe
  atualizaNome = (text) => {
    this.setState({nome: text});
  }

  // método que permite obter o conteúdo do TextInput
  exibir_nome(){
    alert("O nome digitado foi: " + this.state.nome);
  }  

  // renderiza os componentes
  render(){  
    return (        
      <View style={{padding: 20, flexDirection: 'column'}}>  
        <TextInput style={styles.input} 
          placeholder = "Seu nome"
          autoCapitalize = "none"
          onChangeText = {this.atualizaNome} />
        <Button onPress = {() => 
          this.exibir_nome()} 
          title="Mostrar Nome" />
      </View>  
    );  
  }
}

// estilos CSS para a caixa de texto
const styles = StyleSheet.create({
  input:{
    padding: 10,
    borderColor: '#bdbdbd',
    borderWidth: 1
  }
});

----------------------------------------------------------------------
Se precisar de ajuda para ajustar o código abaixo de acordo com as
suas necessidades, chama a gente no WhatsApp +55 (62) 98553-6711 (Osmar)

Ah, e se puder, faça uma DOAÇÃO de qualquer valor para nos ajudar
a manter o site livre de anúncios. Ficaremos eternamente gratos ;-)
Nosso PIX é: osmar@arquivodecodigos.com.br 
----------------------------------------------------------------------

import React, {Component} from 'react';  
import {Image, View} from 'react-native';  
   
type Props = {};  
export default class App extends Component<Props> {  
  render() {  
    return (        
      <View style={{padding: 10, flexDirection: 'column'}}>  
        <Image style={{width: 237, height: 49}} source={{uri:
           'https://www.arquivodecodigos.com.br/logo2.jpg'}} /> 
      </View>  
    );  
  }
}

----------------------------------------------------------------------
Se precisar de ajuda para ajustar o código abaixo de acordo com as
suas necessidades, chama a gente no WhatsApp +55 (62) 98553-6711 (Osmar)

Ah, e se puder, faça uma DOAÇÃO de qualquer valor para nos ajudar
a manter o site livre de anúncios. Ficaremos eternamente gratos ;-)
Nosso PIX é: osmar@arquivodecodigos.com.br 
----------------------------------------------------------------------

import React, {Component} from 'react';  
import {View, Button, Alert} from 'react-native';  
  
type Props = {};  
export default class App extends Component<Props> {  
  render() {  
    return (  
      <View style={{backgroundColor: '#eeeeee',
        padding: 30}}>  
        <Button onPress = {() => 
          Alert.alert("Bem-vindo(a) ao React Native")} 
          title="Clique" />
      </View>  
    );  
  }  
}

var palavra = 'b' + 'a' + + 'a' + 'a';
palavra = palavra.toLowerCase();
document.write(palavra);