博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React-Native项目技术分享(2)
阅读量:4086 次
发布时间:2019-05-25

本文共 2992 字,大约阅读时间需要 9 分钟。

安卓BackAndroid返回键

/** * index.android.js *  */'use strict'import React, { Component } from 'react'import {    AppRegistry,   StyleSheet,   BackAndroid,    Navigator,    StatusBar,    View } from 'react-native'import HomePage from './jscore/HomePage'class ReactNativeGank extends Component {  constructor (props) {    super(props)    this.handleBack = this._handleBack.bind(this)  }  componentDidMount () {    BackAndroid.addEventListener('hardwareBackPress', this.handleBack)  }  componentWillUnmount () {    BackAndroid.removeEventListener('hardwareBackPress', this.handleBack)  }  _handleBack () {    var navigator = this.navigator    if (navigator && navigator.getCurrentRoutes().length > 1) {      navigator.pop()      return true    }    return false  }  render () {    // return (
); return (
this.navigator = component} initialRoute={
{ component: HomePage }} renderScene={(route, navigator) => { // 用来渲染navigator栈顶的route里的component页面 // route={component: xxx, name: xxx, ...}, navigator.......route 用来在对应界面获取其他键值 return
// {...route.passProps}即就是把passProps里的键值对全部以给属性赋值的方式展开 如:test={10} }}/>
) }}var styles = StyleSheet.create({ container: { flex: 1 }})AppRegistry.registerComponent('ReactNativeGank', () => ReactNativeGank)
/** * Sample React Native App * index.ios.js */'use strict'import React, { Component } from 'react'import { AppRegistry, StyleSheet, Navigator } from 'react-native'import HomePage from './jscore/HomePage'class ReactNativeGank extends Component {  constructor (props) {    super(props)  }  render () {    // return (
); return (
{ // 用来渲染navigator栈顶的route里的component页面 // route={component: xxx, name: xxx, ...}, navigator.......route 用来在对应界面获取其他键值 return
// {...route.passProps}即就是把passProps里的键值对全部以给属性赋值的方式展开 如:test={10} }}/> ) }}var styles = StyleSheet.create({ container: { flex: 1 }})AppRegistry.registerComponent('ReactNativeGank', () => ReactNativeGank)

StatusBar使用

/** * @author Lei * @repo https://github.com/stoneWeb/elm-react-native */'use strict';import React, { Component } from 'react'import {   Navigator,   View,   StatusBar,   Platform } from 'react-native'import Wrapper from './component/Wrapper'//import Events from './util/event'export default class Navigation extends Component{    constructor(props){      super(props)    }    render(){        return Platform.OS == "ios"?(          
Navigator.SceneConfigs.FloatFromRight} renderScene={(route, navigator) => { return
} } /> ):(
Navigator.SceneConfigs.FloatFromRight} renderScene={(route, navigator) => { return
} } />
) }}

转载地址:http://speni.baihongyu.com/

你可能感兴趣的文章
我觉得嵌入式面试三要素:基础吃透+项目+大量刷题,缺一不可。不刷题是不行的。而且得是大量刷,刷出感觉套路,别人做题都做得是固定题型套路条件反射了,你还在那慢慢理解慢慢推是不行的,也是考研的教训。
查看>>
相机标定的目的:获取摄像机的内参和外参矩阵(同时也会得到每一幅标定图像的选择和平移矩阵),内参和外参系数可以对之后相机拍摄的图像就进行矫正,得到畸变相对很小的图像。
查看>>
现在来看,做个普罗米修斯的docker镜像对我而言并不难,对PX4仿真环境配置也熟悉了。
查看>>
删除docker容器和镜像的命令
查看>>
VINS-Fusion Intel® RealSense™ Depth Camera D435i
查看>>
使用Realsense D435i运行VINS-Fusion并建图
查看>>
gazebo似乎就是在装ROS的时候一起装了,装ROS的时候选择的是ros-melodic-desktop-full的话。
查看>>
React + TypeScript 实现泛型组件
查看>>
TypeScript 完全手册
查看>>
React Native之原理浅析
查看>>
Git操作清单
查看>>
基础算法
查看>>
前端面试
查看>>
React Hooks 异步操作踩坑记
查看>>
聊聊编码那些事,顺带实现base64
查看>>
TypeScript for React (Native) 进阶
查看>>
React 和 ReactNative 的渲染机制/ ReactNative 与原生之间的通信 / 如何自定义封装原生组件/RN中的多线程
查看>>
JavaScript实现DOM树的深度优先遍历和广度优先遍历
查看>>
webpack4 中的 React 全家桶配置指南,实战!
查看>>
react 设置代理(proxy) 实现跨域请求
查看>>