Rename screen in navigtor

app.js

@@ -2,7 +2,7 @@ import { createStackNavigator } from 'react-navigation'
 import Home from './home'
 
 import Calendar from './calendar'
-import Day from './cycle-day'
+import CycleDay from './cycle-day'
 
 // this is until react native fixes this bug, see https://github.com/facebook/react-native/issues/18868#issuecomment-382671739
 import { YellowBox } from 'react-native'
@@ -11,5 +11,5 @@ YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated'])
 export default createStackNavigator({
   home: { screen: Home },
   calendar: { screen: Calendar },
-  day: { screen: Day }
+  cycleDay: { screen: CycleDay }
 })

bleeding.js

@@ -14,7 +14,7 @@ export default class Bleeding extends Component {
   constructor(props) {
     super(props)
     this.cycleDay = props.cycleDay
-    this.showView = props.bringIntoView
+    this.showView = props.showView
     let bleedingValue = this.cycleDay.bleeding && this.cycleDay.bleeding.value
     if (! (typeof bleedingValue === 'number') ){
       bleedingValue = -1

calendar.js

@@ -19,7 +19,7 @@ export default class DatePickView extends Component {
   passDateToDayView(result) {
     const cycleDay = getOrCreateCycleDay(result.dateString)
     const navigate = this.props.navigation.navigate
-    navigate('day', { cycleDay })
+    navigate('cycleDay', { cycleDay })
   }
 
   render() {

cycle-day-overview.js

@@ -15,7 +15,7 @@ export default class DayView extends Component {
   constructor(props) {
     super(props)
     this.cycleDay = props.cycleDay
-    this.showView = props.bringIntoView
+    this.showView = props.showView
     bleedingDaysSortedByDate.addListener(setStateWithCurrentCycleDayNumber.bind(this))
   }
 

cycle-day.js

@@ -33,9 +33,9 @@ export default class Day extends Component {
         <Text style={styles.welcome}>{formatDateForViewHeader(this.cycleDay.date)}</Text>
         { this.cycleDayNumber && <Text>Cycle day {this.cycleDayNumber}</Text> }
         {
-          { dayView: <DayView cycleDay={this.cycleDay} bringIntoView={this.showView} />,
-            bleedingEditView: <BleedingEditView cycleDay={this.cycleDay} bringIntoView={this.showView}/>,
-            temperatureEditView: <TemperatureEditView cycleDay={this.cycleDay} bringIntoView={this.showView}/>
+          { dayView: <DayView cycleDay={this.cycleDay} showView={this.showView} />,
+            bleedingEditView: <BleedingEditView cycleDay={this.cycleDay} showView={this.showView}/>,
+            temperatureEditView: <TemperatureEditView cycleDay={this.cycleDay} showView={this.showView}/>
           }[this.state.visibleComponent]
         }
 

home.js

@@ -32,7 +32,7 @@ export default class Home extends Component {
     const todayDateString = LocalDate.now().toString()
     const cycleDay = getOrCreateCycleDay(todayDateString)
     const navigate = this.props.navigation.navigate
-    navigate('day', { cycleDay })
+    navigate('cycleDay', { cycleDay })
   }
 
   render() {

temperature.js

@@ -13,7 +13,7 @@ export default class Temp extends Component {
   constructor(props) {
     super(props)
     this.cycleDay = props.cycleDay
-    this.showView = props.bringIntoView
+    this.showView = props.showView
     let initialValue
 
     if(this.cycleDay.temperature) {