Update example

example-redux/src/screens/FirstTabScreen.js

@@ -40,8 +40,9 @@ class FirstTabScreen extends Component {
       }
     ],
     fab: {
-      id: 'share',
+      collapsedId: 'share',
       collapsedIcon: require('../../img/ic_share.png'),
+      expendedId: 'clear',
       expendedIcon: require('../../img/ic_clear.png'),
       backgroundColor: '#3F51B5',
       actions: [
@@ -66,16 +67,24 @@ class FirstTabScreen extends Component {
           backgroundColor: '#FF5722'
         }
       ]
-
     }
   };
 
   constructor(props) {
     super(props);
+    console.log('FirstTabScreen', 'constructor');
     // if you want to listen on navigator events, set this up
     this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
   }
 
+  componentWillMount() {
+    console.log('FirstTabScreen', 'componentWillMount');
+  }
+
+  componentWillUnmount() {
+    console.log('FirstTabScreen', 'componentWillUnmount');
+  }
+
   onNavigatorEvent(event) {
     if (event.type == 'DeepLink') {
       this.handleDeepLink(event);

example-redux/src/screens/ListScreen.js

@@ -47,6 +47,14 @@ class ListScreen extends Component {
     console.log('ListScreen', 'Unhandled event ' + event.id);
   }
 
+  componentWillMount() {
+    console.log('ListScreen', 'componentWillMount');
+  }
+
+  componentWillUnmount() {
+    console.log('ListScreen', 'componentWillUnmount');
+  }
+
   onTabSelected() {
     console.log('ListScreen', 'onTabSelected');
     this.props.navigator.setButtons({

example-redux/src/screens/PushedScreen.js

@@ -31,7 +31,7 @@ class PushedScreen extends Component {
       color: '#00ff00'
     },
     fab: {
-      id: 'share',
+      collapsedId: 'home',
       collapsedIcon: require('../../img/ic_home.png'),
       backgroundColor: '#607D8B'
     }
@@ -39,6 +39,7 @@ class PushedScreen extends Component {
 
   constructor(props) {
     super(props);
+    console.log('PushedScreen', 'constructor');
     this.bgColor = this.getRandomColor();
     console.log(`constructor ${this.bgColor}`);
     this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
@@ -46,7 +47,11 @@ class PushedScreen extends Component {
   }
 
   componentWillUnmount() {
-    console.log(`componentWillUnmount ${this.bgColor}`);
+    console.log('PushedScreen', `componentWillUnmount ${this.bgColor}`);
+  }
+
+  componentWillMount() {
+    console.log('PushedScreen', 'componentWillMount');
   }
 
   getRandomColor() {

example-redux/src/screens/SecondTabScreen.js

@@ -29,10 +29,19 @@ class SecondTabScreen extends Component {
 
   constructor(props) {
     super(props);
+    console.log('SecondTabScreen', 'constructor');
     this.buttonsCounter = 0;
     this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
   }
 
+  componentWillMount() {
+    console.log('SecondTabScreen', 'componentWillMount');
+  }
+
+  componentWillUnmount() {
+    console.log('SecondTabScreen', 'componentWillUnmount');
+  }
+
   render() {
     return (
       <ScrollView style={{flex: 1}}>