场景 保存二维码至本地tsxconst qrcode = useRef(null);<div ref={qrcod
原创
2023-02-13 20:17:52
87阅读
文章目录地址实现代码仓库代码片段添加选项canvas绘制转盘地址实现思路颜色对应选项 从选项列
原创
2023-05-21 11:19:15
465阅读
原生应用不仅可以跳转到RN页面，也可以吧RN的组件放到原生应用中，作为原生应用的一部分。首先介绍如何把react native嵌入到android中，然后再介绍如何把RN嵌入到ios中；第一部分：将RN嵌入到android中的步骤如下一、用Android Studio 创建一个程序，我的是RnInAndroid；二、打开命令行终端，进入RnInAndroid，2.1、输入以下命令：npm init
转载
2024-01-23 22:54:06
182阅读
React 是一个 JavaScript 库，使用了一些ES6语法。如：箭头函数， 类， 模板字符串， let， 和 const 声明。React.JS的特点声明式设计 −React.JS采用声明范式，可以轻松描述应用。高效 −React.JS通过对DOM的模拟，最大限度地减少与DOM的交互。灵活 −React.JS可以与已知的库或框架很好地配合。JSX − JSX 是 JavaScript 语法
（1）globalAlpha 用于设置所有绘制的透明度，默认值为0。var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
context.fillStyle = 'rgba(280,187,188,1)';
context.fillRect(10,10,100,100);
c
转载
2023-06-09 15:53:21
473阅读
# React Native嵌入iOS的实现步骤
## 1. 项目配置
在开始之前，我们首先需要创建一个React Native项目，并进行一些配置。
```shell
# 创建React Native项目
npx react-native init MyApp
cd MyApp
# 安装依赖
npm install
# 安装react-native-webview，用于在iOS中嵌入R
原创
2024-01-21 06:03:44
107阅读
LineRow.js :import React, { Component } from 'react';function rect(props) { const { ctx, fro
原创
2022-11-04 18:37:48
717阅读
前言该组件的ui参照了招商银行app的手势登录设置和手势登录验证页面，用canvas实现了设置手势密码的功能和验证手势密码的功能，绘制手势时按顺序记录所有经过的九宫格的点，作为手势密码。其中，绘制手势时，连接不能少于4个点，每个点最多经过一次，不限制设置密码的长度：设置手势密码时，第一次绘制时，上方小九宫格会记录密码经过的点，作为再次绘制解锁图案时的提示，第二次绘制图案与第一次手势相符时，则绘制成
转载
2021-01-30 12:25:11
1391阅读
2评论
# 在 React Native 中嵌入原生 iOS 页面
在开发移动应用时，使用 React Native 的框架提供了极大的便利，可以跨平台构建应用。然而，有时我们可能需要使用原生功能或现有的原生代码，比如 iOS 页面。在本文中，我们将探讨如何在 React Native 中嵌入原生 iOS 页面，并提供相应的代码示例。
## 目录
1. 什么是 React Native
2. 为什么
继续拓展前面的例子，现在我们已经有了 Header 组件了。假设我们现在构建一个新的组件叫 Title，它专门负责显示标题。你可以在 Header 里面使用 Title组件：class Title extends React.Component {
render () {
return (React 小书)
}
}
class Header extends React.Component {
re
转载
2023-10-27 14:37:08
502阅读
redux 实现弹出框案例实现效果，点击显示按钮出现弹出框，点击关闭按钮隐藏弹出框新建弹出框组件 src/components/Modal.js, 在index.js中引入app组件，在app中去显示计数器和弹出框组件function Modal ({ showState, show, hide }) {
const styles = {
width: 200,
前端：React1.新建项目2.组件Book.js Home.js User.js3.路由模块化 router.jscnpm install react-router-dom --save (安装)要在根组件里引入这个，才可以用路由。import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";rou
基于前面Web版修改而来 import { Canvas, View } from "@tarojs/components" import { FC } from "@tarojs/taro" import { useEffect } from "react" import './countDown ...
转载
2021-07-15 11:03:00
342阅读
2评论
我是微软Dynamics 365 & Power
Platform方面的工程师罗勇，也是2015年7月到2018年6月连续三年Dynamics CRM/Business
Solutions方面的微软最有价值专家(Microsoft MVP)
原创
2021-03-21 20:01:53
487阅读
1、框架安装npx create-react-app ./安装结束，yarn start 测试项目是否能正常运行2 分析项目 --重要1、 哪些公共组件需要封装处理2、要用到哪些技术，处理css用什么（styled-components，css，scss等）ui库用什么（ant-design等）3、移动端适配问题处理 rem 还是postcss-px-to-viewport等方法4、项目的整体搭建
转载
2024-07-17 18:02:42
40阅读
之前按照官网的步骤，实现的第一步的"Hello World"!对于每一个android的开发，我想没有一个愿意只是开发一些js开发的，要了解原生和js交互才是我们的目标。根据官网的操作，开始嵌入原生应用。具体操作对着官网操作应该没问题。说几个我遇到的问题吧。install 的时候，会创建一个.json的配置文件，这时候通过命令行操作的时候，会让你输入一些参数，比如name什么的，第一字没细看，我还
原创
2017-03-01 14:30:15
560阅读
用Html5/Canvas绘制紫色圆盘嵌入六角大卫星。
最近在一个web前端开发的项目中，遇到了这样一个需求：项目本身使用react搭建，用antd来完成
原创
2022-06-16 06:46:59
3512阅读
文章目录触发render方法的三种方式案例定义父组件 ParentComp初始化生命周期执行顺序调用setState周期函数执行顺序定义子组件 ParentComp父子组件初始化执行的周期函数父组件改变子组件的props执行的周期函数销毁组件 触发render方法的三种方式在学习生命周期的，触发生命周期函数调用有三种方式setState 改变状态的值改变props的值使用forceUpdate(
好多项目从0到1做一个APP，会遇到下面两个问题。1.前期没规范，样式不断的被多次创造，设计师做起来工作量太大，没有前期打磨，导致出现各种设计问题。2.前期制作规范花费时间太多，同时会纠结iOS和Android到底做两套，还是做一套的问题。做两套会导致开发成本和设计成本增加，Android规范有些并不太适合做商业化产品。只做一套(iOS)对Android开发来说工作量变大，同时导致Android端
