GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Como chamar uma função que ativa um botão em um módulo no Reactive Native

Tags: #<Tag:0x00007f22e34e2f70> #<Tag:0x00007f22e34e2e30>

Estou criando um aplicativo usando react, e estou tentando colocar um botão no aplicativo, mas não estou conseguindo sabendo fazer a chamada da função. Deve ser um erro simples, mas não tenho conhecimento ainda o suficiente para vê-lo.

import React from ‘react’;
import { StyleSheet, Button, View, SafeAreaView, Text, Alert } from ‘react-native’;

const Separator = () => (

);

const Pushpull = () => (



The title and onPress handler are required. It is recommended to set accessibilityLabel to help make your app usable by everyone.

<Button
title=“Press me”
onPress={() => Alert.alert(‘Simple Button pressed’)}
/>




Adjust the color in a way that looks standard on each platform. On iOS, the color prop controls the color of the text. On Android, the color adjusts the background color of the button.

<Button
title=“Press me”
color="#f194ff"
onPress={() => Alert.alert(‘Button with adjusted color pressed’)}
/>




All interaction for the component are disabled.

<Button
title=“Press me”
disabled
onPress={() => Alert.alert(‘Cannot press this one’)}
/>




This layout strategy lets the title define the width of the button.


<Button
title=“Left button”
onPress={() => Alert.alert(‘Left button pressed’)}
/>
<Button
title=“Right button”
onPress={() => Alert.alert(‘Right button pressed’)}
/>



);

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
marginHorizontal: 16,
},
title: {
textAlign: ‘center’,
marginVertical: 8,
},
fixToText: {
flexDirection: ‘row’,
justifyContent: ‘space-between’,
},
separator: {
marginVertical: 8,
borderBottomColor: ‘#737373’,
borderBottomWidth: StyleSheet.hairlineWidth,
},
});

export default Pushpull;

import { StatusBar } from ‘expo-status-bar’

import React from ‘react’

import { StyleSheet, Text, View } from ‘react-native’

import ReactDOM from ‘react-dom’;

import Pushpull from ‘./buttons’;

export default function App() {

return (

<View style={styles.container}>

  <Text>Open up App.js to start working on your app!</Text>

  <StatusBar style="auto" />

</View>

)

}

const styles = StyleSheet.create({

container: {

flex: 1,

backgroundColor: '#fff',

alignItems: 'center',

justifyContent: 'center'

}

})

import() Pushpull
  <Pushpull></Pushpull>

Cara, não entendi. Vc quer fazer um App ou um site? Pq se quiser fazer só um site, é recomendado usar o ReactJS

Eu preciso fazer um app…

Estou começado a aprender React agora.
Esse é o primeiro programa que faço

//