import React from 'react'
import { View, Text } from 'react-native'
const App = () => <View>
  <Text>JSX Hello World</Text>
</View>
export default App
复制代码

#屏幕宽度和高度
import { Dimensions } from 'react-native'
const screenWidth = Math.round(Dimensions.set('window').width)
const screenHeight = Math.round(Dimensions.get('window').height)
#变换
<Text style={{ transform: [{translateY: 300}, {scale: 2}] }}>变换</Text>
复制代码

import React from 'react'
import {TouchableOpacity, Text} from 'react-native'
const handlePress = () => {
  alert('111')
}
const App = () => 
  <TouchableOpacity activeOpacity={0} onPress={ handlePress }>
    <Text>点击事件</Text>
  </TouchableOpacity>
export default App
复制代码

<Image source={ require("../gril.png") } />
复制代码

<Image source={{ url: 'https://timgsa.baidu.com/xxx.png }} style={{ width: 200, height: 300 }} />
复制代码

dependencies {
  // 如果你需要支持android4.0（api level 14）之前的版本
  implementation 'com.facebook.fresco:animated-base-support:1.3.0'
  // 如果你需要支持GIF动画
  implementation 'com.facebook.fresco:animated-gif:2.0.0'
  // 如果你需要支持webp格式，包括webp动图
  implementation 'com.facebook.fresco:animated-webp:2.1.0'
  implementation 'com.facebook.fresco:webpsupport:2.0.0'
  // 如果只需要支持webp格式而不需要动图
  implementation 'com.facebook.fresco:websupport:2.0.0'
}
复制代码

import React from 'react'
import { Text, ImageBackground } from 'react-native'
const App = () => 
  <ImageBackground source={require('./assets/logo.png')} style={{ width: 200, height: 200 }}>
    <Text>Inside</Text>
  </ImageBackground>
export default App
复制代码

import React from 'react'
import { TextInput } from 'react-native'
const handleChangeText = (text) => {
  alert(text)
}
#onChangeText => 获取输入的值
const App = () => <TextInput onChangeText={ handleChangeText } />
export default App
复制代码