import React, {
Component
} from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
DrawerLayoutAndroid,
ListView,
PixelRatio,
TextInput,
Dimensions,
} from 'react-native';
class AwesomeProject extends Component {
render() {
return (
<View style={styles.container}>
<View style={styles.child} />
</View>
);
}
}
class Search extends Component{
render(){
return(
<View style={[styles.flex,styles.flexDirection]}>
<View style={[styles.flex,styles.input]}>
<TextInput></TextInput>
</View>
<View style={styles.btn}>
<Text style={styles.search}>搜索</Text>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
flex: {
flex:1,
},
flexDirection :{
flexDirection:'row',
},
topStatus : {
marginTop : 25,
} ,
input:{
height:45,
borderColor:'red',
borderWidth: 1,
marginLeft:10,
borderRadius:5,
paddingLeft:10,
},
btn:{
height:45,
width:45,
marginLeft:-5,
marginRight:5,
backgroundColor:'#23BEFF',
alignItems:'center',
justifyContent:'center',
},
search:{
color:'#fff',
fontWeight:'bold',
fontSize:15,
},
container: {
backgroundColor:'green',
flex: 1,
},
child: {
flex: 1,
backgroundColor: 'blue',
transform: [
{
perspective: 850
},
{
translateX: -Dimensions.get('window').width * 0.24
},
{
rotateY: '60deg'
},
],
}
});
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
ReactNative Demo - Dimensions 的使用
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
禁止轉載桐玻，如需轉載請通過簡信或評論聯系作者。
- 文/潘曉璐 我一進店門已日，熙熙樓的掌柜王于貴愁眉苦臉地迎上來垛耳，“玉大人，你說我怎么就攤上這事飘千√孟剩” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵护奈，是天一觀的道長缔莲。 經常有香客問我，道長霉旗，這世上最難降的妖魔是什么痴奏？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮厌秒，結果婚禮上读拆，老公的妹妹穿的比我還像新娘。我一直安慰自己鸵闪，他們只是感情好檐晕，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般辟灰。 火紅的嫁衣襯著肌膚如雪个榕。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼瘦材！你這毒婦竟也來了厅须？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布拾氓，位于F島的核電站，受9級特大地震影響底哥，放射性物質發(fā)生泄漏咙鞍。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一趾徽、第九天 我趴在偏房一處隱蔽的房頂上張望奶陈。 院中可真熱鬧，春花似錦附较、人聲如沸吃粒。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽徐勃。三九已至事示，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間僻肖，已是汗流浹背肖爵。 一陣腳步聲響...
推薦閱讀更多精彩內容
- Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
