JavaScript - 画像を追加する：ネイティブXcodeに反応する

Question

私はこの画像をどのように挿入するのだろうと思っていますか？

これはjavascriptがJavaScriptで実装されているのか、JavaScriptで実装されているのか疑問に思っていますか？

それは自動的にデフォルトのアプリスターターパックとしてネイティブ反応し、私達はちょうど基本的にグリップになっている...

import React, { 
    AppRegistry, 
    Component, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 


class VLDB extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style = {styles.welcome}> 
     VLDB SQL Cheat Sheet! 
     </Text> 
     <Text style={styles.welcome}> 
      Welcome to the SQL Cheat Sheet! 
     </Text> 
     <Text style={styles.instructions}> 
      To get started, edit index.ios.js 
     </Text> 
     <Text style={styles.instructions}> 
      Press Cmd+R to reload,{'\n'} 
      Cmd+D or shake for 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('VLDB',() => VLDB); 

乾杯、ルークによって生成されました。そうような局所的にバンドルされたイメージまたはリモート画像を参照のいずれかによってthe documentationに記載されているように、あなたは画像を追加画像成分

import React, { 
    AppRegistry, 
    Component, 
    Image, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

にインポートすることができ最初必要、これに画像を追加する

Answer 1

。 ...ここで

class VLDB extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Image 
      style={styles.icon} 
      source={require('./myIcon.png')} 
      /> 
     <Image 
      style={styles.logo} 
      source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}} 
      /> 
     <Text style = {styles.welcome}> 
     VLDB SQL Cheat Sheet! 
     </Text> 
     <Text style={styles.welcome}> 
      Welcome to the SQL Cheat Sheet! 
     </Text> 
     <Text style={styles.instructions}> 
      To get started, edit index.ios.js 
     </Text> 
     <Text style={styles.instructions}> 
      Press Cmd+R to reload,{'\n'} 
      Cmd+D or shake for dev menu 
     </Text> 
     </View> 
    ); 
    } 
}