漠天的博客

一、实现参考：https://www.cnblogs.com/tengyuxin/p/12030742.html二、实现播放和组件的依赖需要三个组件 1. 播放视频组件， react-native-video 官网地址 https://www.npmjs.com/package/react-native-video#allowsexternalplayback 2. 进度条，官网上提供的 slider组件我忘记说的什么原因，即将停止支持，我找了react-native-silder

FlatList处理刷新加载：【两个标志位配合onEndReached和onContentSizeChange两个方法，处理上拉加载执行多次的情况】import React, {PureComponent }from 'react';import {StyleSheet, FlatList,Text,View,ActivityIndicator} from 'react-native';import PropTypes from 'prop-types';import color from '..

ReactNative首页面，tab对应的页面传递参数：tab携带参数：createStackNavigator({Home: HomeScene},{initialRouteParams:{“bai”:“漠天”}}),const Tab = createBottomTabNavigator( { Home: { screen: createStackNavigator({Home: HomeScene},{initialRouteParams:{"bai

解决1： 版本降级： version 60.6 of RN. 解决 参考：https://stackoverflow.com/questions/61605605/no-interface-method-putarray-in-class-writablemap-react-native/61626681 解决2： 更换依赖源：【hokaiyi...

const Tab = createBottomTabNavigator( { Home: { screen: createStackNavigator({Home: HomePageScene}), navigationOptions: ({navigation}) => ({ tabBarLabel: "首页", tabBarOnPress: () =.

//导航样式类型 static navigationOptions = ({ navigation }) => { const { params } = navigation.state; return{ title:params?params.title+"个人店铺":"个人店铺", } }; //动态设置标题 th...

使用react写悬浮气泡和组件的hover事件1、效果 气泡随着按钮来变化展示，根据继承react.component，使用OnMouseOver和OnMouseOut事件方法来实现hover的效果 2、气泡组件 overlap.js: import React from "react"import jdyStyles from "./contai...

使用react写TAB栏组件和对应hover事件（背景：在用gatsby开发页面时，遇到这样的组件效果，顺便记录一下）1、效果 默认选中的tab选中效果 和 鼠标放上去的hover效果 当鼠标滑过右侧的tab时，也会有和第一个一样的选中效果！2、tab-button.js 组件 import React from "react"i...