13:55 - Modal mit TextInputs

NewQuote.js

import React, { Component } from 'react';
import { Modal, StyleSheet, Text, TextInput, View } from 'react-native';

export default class NewQuote extends Component {
  render() {
    return (
      <Modal
        visible={this.props.visible}
        onRequestClose={this.props.onRequestClose}
      >
        <View style={styles.container}>
          <TextInput
            style={[styles.input, { height: '25%' }]}
            placeholder="Zitat eingeben"
            underlineColorAndroid="transparent"
          />
          <TextInput
            style={styles.input}
            placeholder="Autor"
            underlineColorAndroid="transparent"
          />
        </View>
      </Modal>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'flex-start',
    alignItems: 'center',
    paddingTop: 40
  },
  input: {
    fontSize: 20,
    borderWidth: 1,
    borderColor: 'deepskyblue',
    borderRadius: 4,
    height: 50,
    width: '80%',
    marginBottom: 20,
    padding: 10
  }
});