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>
