React Native
llayjun
努力奋斗!
展开
-
react-native升级到0.63ios图片不展示
在项目中找到 react-native/Libraries/Image/RCTUIImageViewAnimated.m路径,打开RCTUIImageViewAnimated.m文件 - (void)displayLayer:(CALayer *)layer { if (_currentFrame) { layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_currentFrame.CG原创 2021-02-01 10:20:54 · 247 阅读 · 0 评论 -
跨平台的一些思考
跨平台的优点主要有: 开发周期短; 开发费用低廉; 开发人员容易招聘。 而缺点是: 很难找到精通框架的人; 框架本身的不成熟; 性能问题; 难以处理平台和硬件固有特性。 我们可以总结出几条原则,供你在选择开发框架时参考: **如果你的应用需要使用大量平台固有特性,或者需要大量定制逻辑,那就不要考虑跨平台。**例如相机应用,需要依靠设备上的传感器工作的应用,或者需要结合应用程序商店的应用等。老老实实选择原生发吧。 如果你的应用有性能、功耗等要求,显然跨平台也不是好的选择。 **如果你的应用程序希望长原创 2020-12-30 14:00:25 · 190 阅读 · 0 评论 -
React生命周期
React 组件生命周期 组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM 生命周期的方法有: Mounting componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以原创 2020-12-25 18:01:58 · 87 阅读 · 0 评论 -
(附源码)RN Demo
项目效果图 项目源码 Github Rn项目地址 API接口 Swagger APi地址 APK包原创 2020-12-17 11:39:05 · 270 阅读 · 0 评论 -
RN Adatper_Util工具类
"use strict" import {Dimensions, StatusBar, Platform, PixelRatio} from 'react-native' //UI设计图的宽度 const designWidth = 1080 //UI设计图的高度 const designHeight = 1920 //手机屏幕的宽度 export const width = Dimensions.get('window').width; //手机屏幕的高度 export const height =原创 2020-12-17 10:06:21 · 83 阅读 · 0 评论 -
React Natvie Fetch工具类
"use strict" import React from 'react'; // 网络请求封装 class NetUtil extends React.Component { //post请求 /** *url :请求地址 *data:参数 *callback:回调函数 */ static postFrom(url, data, callback, token) { var fetchOptions = {原创 2020-12-17 10:04:19 · 188 阅读 · 0 评论 -
React native连续按两次退出app
代码(别忘记导入包): import React, { Component } from 'react'; import {BackHandler, Platform, ToastAndroid} from 'react-native'; import { createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {Alert, Image, LogBox} from 'react-native'; import Ho原创 2020-12-16 11:17:16 · 483 阅读 · 0 评论 -
React-Navigation
render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面(可以重复)" onPress = {() => this.props.navigation.push('Profile')}原创 2020-12-14 15:40:08 · 107 阅读 · 0 评论 -
搭建Android版的React Native项目
搭建Android版的React Native项目 开发者可以参考RN开发官网:https://reactnative.cn/docs/native-modules-android/ 新建原生项目 npm init 输入一些参数 npm install --save react react-native 执行完后需要根据具体情况更新版本 比如:npm install --save re...原创 2018-12-24 16:23:50 · 220 阅读 · 0 评论