cubic-screen initial implementation

src/navigation/root-navigator.ts

@@ -1,10 +1,12 @@
 import { createStackNavigator } from "react-navigation"
+import { CubicEquation } from "../views/example/cubic-equation/cubic-equation-screen"
 import { QuadraticEquation } from "../views/example/quadratic-equation/quadratic-equation-screen"
 import { LinearEquation } from "../views/example/linear-equation/linear-equation-screen"
 import { ExampleNavigator } from "./example-navigator"
 
 export const RootNavigator = createStackNavigator(
   {
+    cubicEquation: { screen: CubicEquation },
     quadraticEquation: { screen: QuadraticEquation },
     linearEquation: { screen: LinearEquation },
     exampleStack: { screen: ExampleNavigator },

src/views/example/cubic-equation/cubic-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 CubicEquationScreenProps extends NavigationScreenProps<{}> {
+}
+
+const ROOT: ViewStyle = {
+  backgroundColor: color.palette.black,
+}
+
+// @inject("mobxstuff")
+@observer
+export class CubicEquation extends React.Component<CubicEquationScreenProps, {}> {
+  render () {
+    return (
+      <Screen style={ROOT} preset="fixedCenter">
+        <Text preset="header" tx="cubicEquation.header" />
+      </Screen>
+    )
+  }
+}

src/views/example/cubic-equation/index.ts

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