three systems equation initial screen implementation

src/navigation/root-navigator.ts

@@ -1,4 +1,5 @@
 import { createStackNavigator } from "react-navigation"
+import { ThreeLinearEquation } from "../views/example/three-linear-equation/three-linear-equation-screen"
 import { TwoLinearEquation } from "../views/example/two-linear-equation/two-linear-equation-screen"
 import { CubicEquation } from "../views/example/cubic-equation/cubic-equation-screen"
 import { QuadraticEquation } from "../views/example/quadratic-equation/quadratic-equation-screen"
@@ -7,6 +8,7 @@ import { ExampleNavigator } from "./example-navigator"
 
 export const RootNavigator = createStackNavigator(
   {
+    threeLinearEquation: { screen: ThreeLinearEquation },
     twoLinearEquation: { screen: TwoLinearEquation },
     cubicEquation: { screen: CubicEquation },
     quadraticEquation: { screen: QuadraticEquation },

src/views/example/three-linear-equation/index.ts

@@ -0,0 +1 @@
+export * from "./three-linear-equation-screen"

src/views/example/three-linear-equation/three-linear-equation-screen.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+import { observer } from "mobx-react"
+import { ViewStyle } from "react-native"
+import { Text } from "../../shared/text"
+import { Screen } from "../../shared/screen"
+import { color } from "../../../theme"
+import { NavigationScreenProps } from "react-navigation"
+
+export interface ThreeLinearEquationScreenProps extends NavigationScreenProps<{}> {
+}
+
+const ROOT: ViewStyle = {
+  backgroundColor: color.palette.black,
+}
+
+// @inject("mobxstuff")
+@observer
+export class ThreeLinearEquation extends React.Component<ThreeLinearEquationScreenProps, {}> {
+  render () {
+    return (
+      <Screen style={ROOT} preset="fixedCenter">
+        <Text preset="header" tx="threeLinearEquation.header" />
+      </Screen>
+    )
+  }
+}