博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ScrollView
阅读量:5984 次
发布时间:2019-06-20

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

import React, { Component } from 'react'; import {
Platform, StyleSheet, Text, View, ScrollView, RefeshControl } from 'react-native'; /* * ScrollView的简单实现 * 实现监测拖拽 ,滑动的相关方法 * * 1.添加几个子组件(3个) * * 2.实现相关方法,并赋给ScrollView * 3.下拉刷新 refreshControl 菊花 * */ var MyScrollView = React.createClass({
_onScrollBeginDrag:function () {
console.log("开始拖拽") }, _onScrollEndDrag:function () {
console.log("结束拖拽") }, _onMomentumScrollBegin:function () {
console.log("开始滑动") }, _onMomentumScrollEnd:function () {
console.log("滑动结束") }, _onRefresh:function () {
console.log("刷新"); }, render:function () {
return(
} >
); } }); var styles = StyleSheet.create({
container:{
flex:1, backgroundColor:"cyan" }, scrollView:{
marginTop:25, backgroundColor:"#CCCCCC" }, view_1:{
margin:15, flex:1, height:300, backgroundColor:"yellow" }, view_2:{
margin:15, flex:1, height:300, backgroundColor:"blue" }, view_3:{
margin:15, flex:1, height:300, backgroundColor:"green" }, });

转载于:https://www.cnblogs.com/daxueshan/p/7989584.html

你可能感兴趣的文章
[Javascript] IntersectionObserver -- Lazy Load Images on a Website
查看>>
初始化项目脚本
查看>>
【PHP采集】php采集、[\s\S]的使用、正则获取 换行字符串或html块
查看>>
sql server 高可用故障转移(完结)
查看>>
免费桌面视频录像工具OBS的简单操作介绍
查看>>
minio 集群搭建
查看>>
HttpClient配置SSL绕过https证书
查看>>
『算法设计_伪代码』贪心算法_最短路径Dijkstra算法
查看>>
[elk]bin/elasticsearch-sql-cli使用
查看>>
闪动的Label控件
查看>>
Asp.Net MVC分页PageList
查看>>
Android 9.0新特性
查看>>
Oracle如何解决日期格式“01-3月 -18”的显示问题(3种处理方式)
查看>>
关于网站中引用COM组件的部署问题
查看>>
MySQL分区表
查看>>
Ubuntu18.04下使用Blender进行视频格式转换
查看>>
用xshell 连接docker Linux服务器
查看>>
11-(基础入门篇)WiFi模块开发,下载运行第一个程序
查看>>
使用sql compare生成的sql语句
查看>>
MIPI接口LCD屏调试心得(转)
查看>>