Add instructions to help page

src/components/calc.js

@@ -174,7 +174,7 @@ export default class Calc extends Component {
 									{printSum()}
 								</MyText>
 								<MyText style={styles.table} selectable={true}>
-									{printPercentError()} %
+									{printPercentError()}%
 								</MyText>
 								<MyText style={styles.table} selectable={true}>
 									{printNextRes()}

src/components/help.js

@@ -1,5 +1,8 @@
 import React, {Component} from 'react';
-import {StyleSheet, View, Text, TouchableOpacity} from 'react-native';
+import {ScrollView, View} from 'react-native';
+
+import MyText from './mytext.js';
+import Section from './section.js';
 
 export default class Help extends Component {
 	constructor(props) {
@@ -8,11 +11,25 @@ export default class Help extends Component {
 
 	render() {
 		return (
-			<View style={{flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-				<Text>This is a sample counter app.</Text>
-				<Text>Press Increase to add 1 to the value.</Text>
-				<Text>Press Decrease to subtract 1 from the value.</Text>
-			</View>
+			<ScrollView>
+				<View style={{padding: 20}}>
+					<Section>
+						<MyText>This app recommends resistors for you to combine in parallel to create a very precise resistance value. It works iteratively by calculating the best resistor value to add based on the measured values of resistors you’ve previously added. You can usually get within 1% of your target with 2 or 3 resistors.</MyText>
+					</Section>
+					<Section>
+						<MyText>Enter the exact target resistance you wish to make in the first field.</MyText>
+					</Section>
+					<Section>
+						<MyText>Next go find a resistor close to the recommended value (but not below the value) and then measure it. Enter the reading into the list of resistors that you have. Then keep doing this for all the resistor values that the app recommends.</MyText>
+					</Section>
+					<Section>
+						<MyText>When the percent error between the current value and your target value is small enough, you are done!</MyText>
+					</Section>
+					<Section>
+						<MyText>Combine the resistors you found in parallel and measure the total resistance to confirm.</MyText>
+					</Section>
+				</View>
+			</ScrollView>
 		);
 	}
 }

src/components/mytext.js

@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {StyleSheet, Text} from 'react-native';
+import {Text} from 'react-native';
 
 const styles = {
 	mytext: {