react-navigation tab navigator Screens' contents are not shown / the screens are blank issue -


i have problem react-navigation tab navigator. screens' contents not shown / screens blank. ideas ? navigator structure:

import { stacknavigator, tabnavigator } 'react-navigation'; import peoplelist './peoplelist'; import companylist './companylist'; import addperson './addperson'; const navigation = tabnavigator({   people: { screen: peoplelist },   person: { screen: addperson },   company: { screen: companylist },  }, {  tabbaroptions: {   activetintcolor: 'white',   inactivetintcolor: '#80cbc4',   swipeenabled: true,   showlabel: false,   style: {     backgroundcolor: '#26a69a',   },  }, }); export default navigation;

update:

this app.js file include render methods:

    import react, {component} 'react';     import {stylesheet, text, view} 'react-native';     import firebase 'firebase';     import {provider} 'react-redux';     import {createstore} 'redux'     import login './login';     import loader './loader';     import navigation './navigation';     import reducers '../reducers/peoplereducer';      const styles = stylesheet.create({       container: {         flex: 1,         justifycontent: 'center',         alignitems: 'center',         backgroundcolor: '#f5fcff'       }     });      const store = createstore(reducers);      export default class app extends component {       state = {         loggedin: null       };        componentwillmount() {         firebase.initializeapp({           apikey: "xxxxxxxxxxxxxxxxxxx",           authdomain: "xxxxxxxxxxxxxxxxxxx",           databaseurl: "xxxxxxxxxxxxxxxxxxx",           projectid: "xxxxxxxxxxxxxxxxxxx",           storagebucket: "xxxxxxxxxxxxxxxxxxx",           messagingsenderid: "xxxxxxxxxxxxxxxxxxx"         });          firebase           .auth()           .onauthstatechanged((user) => {             if (user) {               this.setstate({loggedin: true});             } else {               this.setstate({loggedin: false});             }           });       }        renderinitialview() {         switch (this.state.loggedin) {           case true:             return <navigation/> /*exists above*/           case false:             return <login/>;           default:             return <loader size="large"/>;         }       }       render() {         return (           <provider store={store}>             <view style={styles.container}>               {this.renderinitialview()}             </view>           </provider>         );       }     }

i'm sure goes first case of switch, got blank screen , don't know reason.

render() {     return (       <provider store={store}>         <view style={styles.container}>           {this.renderinitialview()}         </view>       </provider>     );   } }

remove tag navigation cannot wrapped in tag , this.

render() {     return (       <provider store={store}>            {this.renderinitialview()}        </provider>     );   } }

this work then.


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more