JediHongbin的博客_react-native

egg.js. demo

丑团git前端 expo https://gitee.com/honbingitee/ugly-tuan-expo后端 egg.js https://git

前端

egg.js

nodejs

git

ci

原创 2023-02-19 10:23:15 94 阅读

react-native商城项目

react-native小demo 最近学习了一点基础的react后上手了react-native，上手不难就是写法适应了就好，对于这个小项目期间最大的收获就是：有一定基础了，就可以看官方文档了，别有问题就百度，百度上有些憨批写的东西因为版本或者内容本身有些问题，容易误事

android

react native

ico

Image

百度

原创 2023-02-14 15:20:22 125 阅读

react-native仿写洛克王国手游版

首先声明此项目完全是出于学习和对洛克王国的喜爱而生，项目中使用的游戏宠物若涉及侵权请我前两天和朋友聊天说到洛克王国没有手游，正好最近在学习react-native，觉得可以尝试做下看看，于是做了仿制洛克王国有了下面的小游戏，实现了一些简单功能，不打算往下做了，要学点别的东西，有兴趣的朋友可以我我把项目打包的apk文件发给你试着玩一下

react native

github

手游

小游戏

原创 2023-02-14 15:19:56 169 阅读

react-native手势动画制作精美卡片拖拽效果

视频学习地址https://www.bilibili.com/video/BV1h7411o7zE代码import React, { Component } from 'react'import { StyleSheet, Text, View,

react native

spring

ci

Text

原创 2023-02-14 15:19:35 319 阅读

rn-lottie动画配合leanCloud制作用户登录注册页面

视频不到为啥闪了一下，用户账号注册用的是leanCloudhttps://www.leancloud.cn/存储，动画用的是lottieleanClodu使用注册账号，创建项目

react native

json

循环播放

用户账号

原创 2023-02-14 15:19:23 68 阅读

react-native音乐播放器

android效果 react-native音乐播放 ios区别：加载动画使用了lottie，android遇到闪退问题，没有使用动画功能：拖拽卡片选择专辑，卡片向下拖动可移除，下一张替换，点击卡片进入音乐列表，有此专辑的信息展示

react native

android

音乐播放

ios

原创 2023-02-14 15:18:47 324 阅读

react-native模板

expo升级SDK38后，原本创建项目时可选的导航模板变成了由typescript写的模板，于是自己还是js写一个，以下是效果地址https://github.com/tangmusenLiu/react-native-template

android

ios

typescript

创建项目

github

原创 2023-02-14 15:18:38 331 阅读

react-native 小坑坑

android 上keyboardWillShow不生效可以使用keyboardDidShow或者react-native-android-keyboard-adjustboxShadow：不能inset向内阴影ios:不能同overflow：“hidden”一起，建议设置点margin

react native

ios

android

绝对定位

原创 2023-02-14 15:17:58 71 阅读

react native 直播试探之旅

第一次做功能，一次尝试使用腾讯云结果：android可以观看，有延迟ios:The server is not correctly configured. - The AVPlayerItem instance has failed with the error code -11850 and domain

react native

腾讯云

ide

android

原创 2023-02-14 15:17:52 390 阅读

react-native云服务直播方案

支持RN的云服务很少国内大都是android和ios的SDK，没找到支持RN的SDK，又没有能力自己封装难受????1，使用阿里云或者任何云服务，服务端生成推流地址，app中使用 react-native-nodemediaclient 推流无法使用云服务SDK的美颜特效滤镜等功能，

react native

云服务

ios

服务端

原创 2023-02-14 15:17:28 90 阅读

Error: Function components cannot have refs. Did you mean to use React.forwardRef()

调用函数式组件想要像平常一样使用ref时出现了这个问题解决： forwardRef, useImperativeH

reactjs

react native

自定义

调用函数

原创 2023-02-14 10:46:35 226 阅读

react-native用户选择头像并保存本地

选择头像使用react-native-image-crop-picker保存本地用@react-native-community/async-storage下载使

react native

android

字符串

用户名

JSON

原创 2023-02-14 10:44:30 122 阅读

react-native抽奖转盘制作

一二一的代码import React, { Component } from 'react'import { View, TouchableWithoutFeedback, Animated, Easing } from 'react-native'impo

react native

Text

Math

原创 2023-02-14 10:44:07 317 阅读 1评论

Android ios RN开发环境问题

yarn android:java.lang.NoClassDefFoundError: Could not initialize class org.codehaus.groovy.vmplugin.v7.Ja

react native

ios

android

java

原创 2023-02-14 09:12:50 132 阅读

react native 指定版本创建项目

react-native init demo --verbose --version 0.60.0指定后面版本号即可

react native

版本号

原创 2023-02-14 09:12:43 198 阅读

pod install 各种报错记录

pod 'boost-for-react-native', :git => 'https://gitee.com/mirrors/boost-for-react-native.git'target 'xstore'

react native

ios

git

Time

iOS

原创 2023-02-14 09:12:07 761 阅读

rn自定义精美动画按钮组件

效果所谓的自定义指的是自定义按钮的大小，文字内容，背景颜色，两个小球的颜色小球的大小根据

react native

Math

随机数

自定义按钮

原创 2023-02-14 09:11:32 153 阅读

rn 函数式组件获取子组件的实例

class式组件要获取子组件的实例只要用ref就可以了，但是函数式组件就要复杂一点函数式组件要给子

react native

函数式

函数返回

获取数据

原创 2023-02-14 09:11:24 249 阅读

rn-函数式组件开启手势动画

import React, { useState, useLayoutEffect } from 'react'import { StyleSheet, Animated, PanResponde

react native

原创 2023-02-14 09:10:47 77 阅读

react-native精美展开菜单

代码拖拽小按钮import React from "react";import { Animated, PanResponder } from "react-native";import {

android

ios

ico

spring

ci

原创 2023-02-14 09:10:05 116 阅读

react-apollo实现客服/聊天即时通讯功能

实现思路apollo是一个非常棒的库结合graphql使用非常便捷巧妙，有着良好的编程快感，不觉让人沉浸

react native

graphql

数据

聊天室

数据库

原创 2023-02-14 09:09:37 310 阅读

Google Search Console验证

使用方式：将指定的 TXT 记录新增至域名的 DNS 设定

chrome

前端

DNS

原创 2023-02-14 09:07:32 70 阅读

react-native 路由页面顶部返回箭头失效问题

如果你像我一样使用了路由监听例如： navigation.isFocused = () => { if (xxx) { // ... } };那么恭喜你只要

react native

sed

原创 2023-02-14 09:07:02 67 阅读

正则,Yup 匹配数量，金额，name..

产品数量： ^[1-9]*[1-9][0-9]*$产品价格： (^[1-9][0-9]*$)|(^0.[0-9]+$)|(^[1-9][0-9]*.[0-9]+$)使用yupc

react native

原创 2023-02-14 09:06:31 83 阅读

记录依托AWS实现客服,即时通讯功能

实现方式：早起使用的是每个用户有聊天室和消息，监听新的聊天室的创建和消息的创建，经过一段时

react native

graphql

聊天室

字段

数组

原创 2023-02-14 09:06:20 84 阅读

react native中将view固定在屏幕底部不被keyboard顶起

效果：<KeyboardAvoidingView style={styles.container} behavior="height" keyboardVertical藏...

react native

android

监听键盘

原创 2023-02-14 09:06:13 333 阅读

react 组件优化写法，减少渲染绑定

prev<Overlay isVisible={popupMenu.isVisible} onBackdropPress={() => setPopupMenu({ ...por

react native

reactjs

ci

原创 2023-02-14 09:06:06 69 阅读

react-native利用Switch控制手机状态栏

样式``animated动画使用方式：比如要一个View组件产生动画效果用一个Animated.View组件代替V

reactjs

Text

状态栏

动画效果

原创 2023-02-14 09:03:34 91 阅读

写一个自己的react-native UI组件

刚开始学习react-native，感觉还是很爽的，其一便是组件化的感受(感觉比vue中的组件要有意思)，

reactjs

ico

字体图标

Text

原创 2023-02-14 09:03:26 93 阅读

react-native调试攻略 -- Android Studio

这里使用的是Android Studio的模拟器，一下是模拟器和真机的调试总结从网页转到app不适应的一点

android studio

react native

开发者

chrome

命令行

原创 2023-02-14 09:03:00 447 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb63e9d7d5826b2的博客

egg.js. demo

react-native商城项目

react-native仿写洛克王国手游版

react-native手势动画制作精美卡片拖拽效果

rn-lottie动画配合leanCloud制作用户登录注册页面

react-native音乐播放器

react-native模板

react-native 小坑坑

react native 直播试探之旅

react-native云服务直播方案

Error: Function components cannot have refs. Did you mean to use React.forwardRef()

react-native用户选择头像并保存本地

react-native抽奖转盘制作

Android ios RN开发环境问题

react native 指定版本创建项目

pod install 各种报错记录

rn自定义精美动画按钮组件

rn 函数式组件获取子组件的实例

rn-函数式组件开启手势动画

react-native精美展开菜单

react-apollo实现客服/聊天即时通讯功能

Google Search Console验证

react-native 路由页面顶部返回箭头失效问题

正则,Yup 匹配数量，金额，name..

记录依托AWS实现客服,即时通讯功能

react native中将view固定在屏幕底部不被keyboard顶起

react 组件优化写法，减少渲染绑定

react-native利用Switch控制手机状态栏

写一个自己的react-native UI组件

react-native调试攻略 -- Android Studio