React native Image component not working in android -

-

i'm new react native , i'm having problem working image.

to simplify question, i've created new react native project , added image component in index.android.js below:

/**  * sample react native app  * https://github.com/facebook/react-native  * @flow  */  import react, { component } 'react'; import {   appregistry,   stylesheet,   text,   view,   image, } 'react-native';  class testproject extends component {   render() {     return (       <view style={styles.container}>         <text style={styles.welcome}>           welcome react native!         </text>         <image source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}/>         <text style={styles.instructions}>           started, edit index.android.js         </text>         <text style={styles.instructions}>           shake or press menu button dev menu         </text>       </view>     );   } }  const styles = stylesheet.create({   container: {     flex: 1,     justifycontent: 'center',     alignitems: 'center',     backgroundcolor: '#f5fcff',   },   welcome: {     fontsize: 20,     textalign: 'center',     margin: 10,   },   instructions: {     textalign: 'center',     color: '#333333',     marginbottom: 5,   }, });  appregistry.registercomponent('testproject', () => testproject);

the url inside image component copied react native image documentation. doing wrong? can please me out?

my react native 0.29.0 , , haven't tried in ios yet because right need create android app first.

give height , width of image.

<image source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}} style={{ height: 50, width: 50 }}/>

Comments

Post a Comment

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

-
so when requesting group sequelize follows: return models.workingcalendar .findall({ attributes: [ 'workingcalendar.periodid', 'workingcalendar.date', 'period.name' ], include: [ { model: models.period, attributes: [] } ], where: { getsudoid: currentgetsudo.id, unitplantid: unitplantid }, group: ['workingcalendar.periodid', 'workingcalendar.date', 'period.name'], }); sequelize run query: select [workingcalendar].[id], [workingcalendar].[periodid], [workingcalendar].[date], [period].[name] [workingcalendars] [workingcalendar] left outer join [periods] [period] on [wor...
Read more

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -

-
when responding supplicant_state_changed_action broadcast , attempting send udp packet, exception: java.net.socketexception: sendto failed: eperm (operation not permitted) @ libcore.io.iobridge.maybethrowaftersendto(iobridge.java:542) @ libcore.io.iobridge.sendto(iobridge.java:511) @ java.net.plaindatagramsocketimpl.send(plaindatagramsocketimpl.java:184) @ java.net.datagramsocket.send(datagramsocket.java:305) @ com.mycompany.app.serviceclass.discover(serviceclass.java:355)at com.mycompany.app.serviceclass.access$600(serviceclass.java:39) @ com.mycompany.app.serviceclass$statemachine.run(serviceclass.java:242) @ java.lang.thread.run(thread.java:818) caused by: android.system.errnoexception: sendto failed: eperm (operation not permitted) @ libcore.io.posix.sendtobytes(native method) @ libcore.io.posix.sendto(posix.java:211) @ libcore.io.blockguardos.sendto(blockguardos.java:278) @ libcore.io.iobridge.sendto(iobridge.java:509) @ java.net.plaindat...
Read more

c++ - Migration from QScriptEngine to QJSEngine -

-
i'm migrating qscriptengine code on qjsengine. now, have: class pars { public: static qscriptvalue printmainlog(qscriptcontext* c, qscriptengine* e); }; qscriptvalue pars::printmainlog(qscriptcontext* c, qscriptengine* e) { //some actions return e->globalobject().property(""); } ... qscriptengine engine; ... engine.globalobject().setproperty("printlog",engine.newfunction(pars::printmainlog)); so, user can put printlog("what ever"); in application in , example, qlineedit , function pars::printmainlog evalute. is there way qjsengine? so, user put same printlog("what ever");? way find here , user should put logger.printlog("what ever"); logger class inherited qobject printlog slot.
Read more