react native获取组件高度,宽 度等
import React,{Component} from 'react'
import {
    View,
    Text,
    Image,
    StyleSheet,
    TouchableHighlight,
    TouchableOpacity,
    ScrollView,
    findNodeHandle,
    UIManager,
} from 'react-native'
export  default  class  GoodsSelectAssembly extends Component {
getHeight() {
        const handle = findNodeHandle(ScrollFun);
        return new Promise((resolve) => {
            UIManager.measure(handle, (x, y, width, height, pageX, pageY) => {
                console.log(x, y, width, height, pageX, pageY)
            });
        });
    }
}
render(){
return(
   <ScrollView
                    style={{backgroundColor:'#fff'}}
                    ref={(ScrollView)=>{ScrollFun=ScrollView}}
                >
</ScrollView>
)
}												
											react native获取组件高度,宽 度等的更多相关文章
- React Native 获取组件(Component)在屏幕上的位置
		年后主客户端的需求以及老的业务迁移RN,现在疯狂的在学RN.在迁移需求的时候遇到需要获取组件在屏幕上的绝对位置.页面如下: 就需要展开的时候获取sectionHeader(默认排序)在屏幕上的具体位置 ... 
- React Native获取组件位置和大小
		RN页面中定位或滚动操作时,需要获取元素的大小和位置信息,有几种常用的方法 获取设备屏幕的宽高 import {Dimensions} from 'react-native'; var {height ... 
- React Native交互组件之Touchable
		React Native交互组件之Touchable:只要在组件外面包一个Touchable组件就可以实现点击交互. TouchableHighlight:高亮触摸 当点击时,组件的透明度会改变,可以 ... 
- React Native的组件ListView
		React Native的组件ListView类似于iOS中的UITableView和UICollectionView,也就是说React Native的组件ListView既可以实现UITableV ... 
- React Native常用组件在Android和IOS上的不同
		React Native常用组件在Android和IOS上的不同 一.Text组件在两个平台上的不同表现 1.1 height与fontSize 1.1.1只指定font,不指定height 在这种情 ... 
- [RN] React Native 获取验证码 按钮
		React Native 获取验证码 按钮 效果如图: 实现方法: 一.获取验证码 按钮组件 封装 CountDownButton.js "use strict"; import ... 
- React Native 之 组件化开发
		前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ... 
- [RN] React Native 获取地理位置
		React Native 获取地理位置 实现原理: 1.用 navigator.geolocation.getCurrentPosition 获取到坐标信息 2.调用 高德地图 接口,解析位置数据 ... 
- 封装 React Native 原生组件(iOS / Android)
		封装 React Native 原生组件(iOS / Android) 在 React Native中,有很多种丰富的组件了,例如 ScrollView.FlatList.SectionList.Bu ... 
随机推荐
- time to set up Goals
			Function Goal Training for new guys, meanings who takes part of QA jobs and make other QA members g ... 
- conda命令简单使用
			Anaconda是一种Python语言的免费增值开源发行版,用于进行大规模数据处理.预测分析,和科学计算,致力于简化包的管理和部署.Anaconda使用软件包管理系统Conda进行包管理. 1.查看系 ... 
- oralce问题
			死锁,如果较多使用存储过程杀死 create or replace procedure killer is v_obj varchar2(200); v_sql varchar2(500) ... 
- MATLAB 符号变量表达式 + 方程求解
			源代码见文末 部分源代码: % 符号变量 两种表达方式 a=sym('a'); class(a); syms b; b; % 符号常量 c=sym('); c; % 符号表达式 三种表达方式 f1=' ... 
- iptables命令使用详解
			iptables的主要功能是实现对网络数据包进出设备及转发的控制.当数据包需要进入设备.从设备中流出或者经该设备转发.路由时,都可以使用iptables进行控制. 环境 操作系统:CentOS7.3 ... 
- expect使用
			expect时用与提供自动交互的工具.比如如果想要用ssh登陆服务器,每次都输入密码你觉得麻烦,那你就可以使用expect来做自动交互,这样的话就不用每次都输入密码了. 先看例子: #!/usr/bi ... 
- python 数据分析基础
			安装Python基础的几个数据分析库: pip install pandas pip install numpy pip install scipy pip install scikit-surpri ... 
- javascript高级
			数组及操作方法 数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的. 定义数组的方法 //对象的实例创建 var aList = new Array(1,2,3); //直 ... 
- vue-实例生命周期钩子(不太明白)
			每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项}) 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要 ... 
- C#对XML操作类
			C#对XML操作类 该类包含了对XML文件的创建,添加,读取,删除,修改等操作 //#define isUnity #if isUnity using UnityEngine; #endif usin ... 
