ReactNative Demo - ImageVIew 使用
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
DrawerLayoutAndroid,
ListView,
} from 'react-native';
class AwesomeProject extends Component {
render() {
return (
<Image source={{uri:'http://a.hiphotos.baidu.com/image/pic/item/e7cd7b899e510fb3a78c787fdd33c895d0430c44.jpg'}}
style={{width:400,height:600}} >
<Text welcome>Inside</Text>
</Image>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
elements:{
alignItems: "flex-start",
color:"#000000",
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
base: {
width: 38,
height: 38,
},
background: {
backgroundColor: '#ff0000',
},
active: {
borderWidth: 2,
borderColor: '#00ffff',
},
});
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
相關文章
- ReactNative Demo - Dimensions 的使用React
- ReactNative Demo - NavigationView 使用ReactNavigationView
- ReactNative Demo - Navigator 使用React
- ReactNative Demo -SearchInputReact
- ReactNative Demo - 仿攜程UI DemoReactUI
- ReactNative 仿網易新聞UI DemoReactUI
- 在 ReactNative 中使用友盟分享React
- ReactNative-Navigator元件使用總結React元件
- ImageView圖片填充全屏View
- reactnative外掛react-navigation使用心得ReactNavigation
- 安卓Toolbar使用 Demo(Kotlin)安卓Kotlin
- 使用RxJava實現ImageView的拖動、旋轉和縮放RxJavaView
- iOS無限迴圈輪播圖(只使用三個imageView)iOSView
- ReactNative入門React
- ONE-ReactNativeReact
- Android:ImageView控制元件AndroidView控制元件
- Android ImageView和TextView居中AndroidTextView
- ImageView 動態設定大小View
- 動態建立ImageView檢視View
- WPF所有原生空間使用demo
- ReactNative初體驗React
- ReactNative分包實踐React
- ReactNative版友盟推送React
- ReactNative實現ToastReactAST
- ReactNative環境搭建React
- ReactNative之NavigatorReact
- ReactNative 生命週期React
- ReactNative仿《ONE》APPReactAPP
- ReactNative呼叫原生模組React
- ReactNative flex 佈局ReactFlex
- Weex & ReactNative & JSPatchReactJS
- ReactNative元件詳解React元件
- ReactNative iOS 互動ReactiOS
- XImageView-RatioImageView按比例展示ImageViewView
- Android ImageView 清空背景圖片AndroidView
- ImageView長圖擷取部分展示View
- android動態新增ImageView注意AndroidView
- ImageView的scaleType的屬性理解View