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 · 237 阅读 · 0 评论 -
跨平台的一些思考
跨平台的优点主要有:开发周期短;开发费用低廉;开发人员容易招聘。而缺点是:很难找到精通框架的人;框架本身的不成熟;性能问题;难以处理平台和硬件固有特性。我们可以总结出几条原则,供你在选择开发框架时参考:**如果你的应用需要使用大量平台固有特性,或者需要大量定制逻辑,那就不要考虑跨平台。**例如相机应用,需要依靠设备上的传感器工作的应用,或者需要结合应用程序商店的应用等。老老实实选择原生发吧。如果你的应用有性能、功耗等要求,显然跨平台也不是好的选择。**如果你的应用程序希望长原创 2020-12-30 14:00:25 · 184 阅读 · 0 评论 -
React生命周期
React 组件生命周期组件的生命周期可分成三个状态:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOM生命周期的方法有:MountingcomponentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以原创 2020-12-25 18:01:58 · 81 阅读 · 0 评论 -
(附源码)RN Demo
项目效果图项目源码Github Rn项目地址API接口Swagger APi地址APK包原创 2020-12-17 11:39:05 · 260 阅读 · 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 · 73 阅读 · 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 · 177 阅读 · 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 · 470 阅读 · 0 评论 -
React-Navigation
render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面(可以重复)" onPress = {() => this.props.navigation.push('Profile')}原创 2020-12-14 15:40:08 · 95 阅读 · 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 · 209 阅读 · 0 评论