aboutsummaryrefslogtreecommitdiff
path: root/mobile/screens/Form1.js
diff options
context:
space:
mode:
Diffstat (limited to 'mobile/screens/Form1.js')
-rw-r--r--mobile/screens/Form1.js76
1 files changed, 76 insertions, 0 deletions
diff --git a/mobile/screens/Form1.js b/mobile/screens/Form1.js
new file mode 100644
index 0000000..578317f
--- /dev/null
+++ b/mobile/screens/Form1.js
@@ -0,0 +1,76 @@
+import React, { Component } from 'react';
+import {Text, Alert, AppRegistry, Button, StyleSheet, View, TextInput } from 'react-native';
+
+export default class Form1 extends Component {
+ _onPressButton1() {
+ Alert.alert('Thanks for letting us know!')
+ }
+ _onPressButton2() {
+ Alert.alert('Continue:')
+ }
+ constructor(props) {
+ super(props);
+ this.state = {age: '',
+ name: '',
+ appearance: '',
+ injured: false,
+ why: ''};
+ }
+
+ render() {
+ return (
+
+
+ <View style={{padding: 40}}>
+ <Text>Age:</Text>
+ <TextInput
+ style={{height: 40}}
+ placeholder="(Estimate if unknown)"
+ onChangeText={(age) => this.setState({age})}
+ />
+
+
+ <Text>Name:</Text>
+ <TextInput
+ style={{height: 40}}
+ placeholder="Type the name here"
+ onChangeText={(name) => this.setState({name})}
+ />
+ <Text>Appearance:</Text>
+ <TextInput
+ style={{height: 40}}
+ placeholder="What are they Wearing"
+ onChangeText={(appearance) => this.setState({appearance})}
+ />
+ <Text>Injured?</Text>
+ {/* insert radio button???*/}
+ <Text>Please let us know why do you think they need help</Text>
+ <TextInput
+ style={{height: 40}}
+ placeholder="Reason"
+ onChangeText={(why) => this.setState({why})}
+ />
+
+ {/*additional questions*/}
+ <View style={{padding: 40}}>
+ <Button
+ onPress={this._onPressButton1}
+ title="I do not have time to speak with the individual, Submit!"
+ />
+ </View>
+
+ <Button
+ onPress={this._onPressButton2}
+ title="I have additional info!"
+ />
+ </View>
+
+
+
+ );
+ }
+}
+
+
+
+