臧小川的博客

import React, { useState, useEffect, Fragment } from 'react'import { StyleSheet, Text, View, Image } from 'react-native'const App = () =>{ let REQUEST_url = "https://raw.githubusercontent.com/facebook/react-native/0.51-stable/docs/MoviesExample.

因为新版本已经把它移出去了 Picker 要在 @react-native-picker/picker 拿到 yarn add @react-native-picker/pickerimport {Picker} from '@react-native-picker/picker';import React, { useState } from 'react'import { StyleSheet, Text, View } from 'react-native'import { Pick.

import React, { useState } from 'react'import{ StyleSheet, Text, View, TouchableOpacity, StatusBar // 状态栏组件} from 'react-native'const App = () =>{ const [DataModel, SetDataModel] = useState({ // 定义数据模型 hidden: false,

import React, { useState } from 'react'import{ View, Text, StyleSheet, Switch // 开关切换组件} from 'react-native'const App = () =>{ const label = { false: '关', true: '开' } const [switchValue, SetSwitchValue] = useState(true

import React from 'react'import { StyleSheet, TouchableOpacity, Animated } from 'react-native'export default function App (){ // 创建动画属性对象 let animatedWidth = new Animated.Value(50) let animatedHeight = new Animated.Value(100) // 点击动画

yarn add react-native-storage起初 React Native 是内置这个组件的 因为不是每个项目都会用到 就把它抽出去了import React, { useEffect, useState } from 'react'import{ StyleSheet, Text, View, Alert, TextInput, TouchableHighlight // 用于封装视图，使其可以正确响应触摸操作。当按下的时候，封装的视图的不透明度会降低，同时会有.

import React from 'react'import{ StyleSheet, Text, View, TouchableOpacity, // 按钮组件 Alert // 弹出组件} from 'react-native'export default function App (){ let showAlert1 = () => { Alert.alert('发送数据成功') } let showTip

import React, { useState, useEffect } from 'react'import{ StyleSheet, Text, View, Button, ActivityIndicator // 活动指示器 loading} from 'react-native'const App = () =>{ const [animation, setAnimation] = useState(true) useEffect(() =&

import React, { Component } from 'react';import{ Image, // 图片组件 ScrollView, // 滑动组件} from 'react-native';export default class App extends Component{ render () { return ( <ScrollView> {/* 普通图片设

import React, { Component } from 'react'import { Text, View, TextInput, TouchableOpacity, StyleSheet } from 'react-native'export default class App extends Component{ state = { email: '', password: '', intro: '' } han

import React, { Component } from 'react';import { Text, View, StyleSheet } from 'react-native';export class Children extends Component{ constructor(props) { super(props); this.state = { name: props.name }; } updateState

打印的方式 console.warn()import React, { Component } from 'react'import { Text, View, StyleSheet } from 'react-native'export default class App extends Component{ constructor(props) { // 构造器调用几次 constructor 1次 // console.warn('cons.

import React from 'react'import { View, Text, Image, StyleSheet } from 'react-native'export default function App (){ return ( <View style={styles.container}> <Text style={styles.text}> {/* 设置红色字体 */}

设置三个元素 水平排列 水平平均分布 竖直居中import React, { Component } from 'react'import { View } from 'react-native'export default class App extends Component{ render () { return ( // 设置三个元素 水平排列 水平平均分布 竖直居中 <View style={{ f.

没有样式继承的 每一个组件都要单独设置样式合并多个样式对象 同样的设置 右边的优先级更高import React, { Component } from 'react'import { Text, StyleSheet, View } from 'react-native'export default class App extends Component{ render () { return ( <View style={st.

import React, { Fragment } from 'react'import { View, Text } from 'react-native'const App = () =>{ return ( <Fragment> <View> <Text>羽神教学时间</Text> </View >

定义视图JSX对象JSX对象只能有一个根对象创建 UI 时 最近处的 view 类似于网页中的 div文本的内容要放置在 test 组件中import React, { Fragment } from 'react'import{ StyleSheet, // 样式对象 View, // 视图组件 Text // 文本组件} from 'react-native'const App = () =>{ return ( &l.

搭建环境的时候遇到很多坑~ node版本问题 Android Studio安装等等问题~~~安装的最新稳定版 node:v16.13.0安装依赖必须安装的依赖有：Node、 Java SE Development Kit (JDK)和 Android Studio。注意：不要使用 cnpm！cnpm 安装的模块路径比较奇怪，packager 不能正常识别！# 使用nrm工具切换淘宝源npx nrm use taobao# 如果之后需要切换回官方源可使用npx nrm use npm.