weifer/React_Native_Tutorial
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
marcusferl@web.de 2022-01-04 12:34:49 +01:00
parent da93cfd8fc
commit 60985f51e7
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
App.js
View File

@ -31,8 +31,10 @@ export default class App extends Component {
<View style={styles.container}> <View style={styles.container}>
<Button title="New" onPress={() => alert('Add new')}></Button> <Button title="New" onPress={() => alert('Add new')}></Button>
<Quote text={quote.text} author={quote.author} /> <Quote text={quote.text} author={quote.author} />
<View style={styles.button}> <View style={styles.buttonOne}>
<Button title="Nächstes Zitat" onPress={() => this.setState({ index: nextIndex })} /> <Button color='grey' title="Nächstes Zitat" onPress={() => this.setState({ index: nextIndex })} />
</View>
<View style={styles.buttonTwo}>
<Button title="Letztes Zitat" onPress={() => this.setState({ index: prevIndex })} /> <Button title="Letztes Zitat" onPress={() => this.setState({ index: prevIndex })} />
</View> </View>
<StatusBar style="auto" /> <StatusBar style="auto" />
@ -49,9 +51,12 @@ const styles = StyleSheet.create({
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
elevation: 100, elevation: 100,
}, },
button: { buttonOne: {
position: 'absolute',
bottom: 50,
},
buttonTwo: {
position: 'absolute', position: 'absolute',
bottom: 5, bottom: 5,
}, },