flutter native un-app react
Flutter Getx 路由管理
GetX 为我们封装了 Navigation ,无需 context 可进行跳转,使用 GetX 进行路由跳转非常的简单, 只需要调用 Get.to() 即可进行路由跳转, GetX 路由跳转简化了跳转动画设置 、动画时长定义、动画 曲线设置。 Get.to()实现普通路由跳转 一、设置应用程序入口 ......
flutter android grandle buid.gradle
build setting buildscript { ext.kotlin_version = '1.5.20' repositories { // google() // mavenCentral() maven{ url 'https://maven.aliyun.com/repository ......
2024-01-13 记录react-dnd拖拽组件的用法
开始和移动的下标: drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); }, ......
2024-01-13 react 监听上一页返回
import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写: const location = useLocation(); useEffect(() => ......
Flutter 自定义一个右侧可滑动 左侧为按钮的组件
var topicList = ["圈子话题1","圈子话题2","圈子话题3","圈子话题4-天气很好","圈子话题5","圈子话题6"]; @override Widget build(BuildContext context){ return SizedBox( height:ScreenUt ......
2024-01-13 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. ==》引用了未使用的方法导致
react+antd业务代码报错: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T ......
Flutter 项目运行到ios模拟器报错 : Error (Xcode): SDK does not contain 'libarclite'
Flutter 项目运行到ios模拟器报错: Error (Xcode): SDK does not contain 'libarclite' at the path '/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefaul ......
react-native在windows环境搭建并使用脚手架新建工程
截止到2024-1-11,使用的主要软件的版本如下: 软件实体 版本 react-native 0.73.1 react 18.2.0 react-native-cli 2.0.1 Android Studio 2022.3.1 Patch3 Android SDK Android SDK Plat ......
Flutter GetX的事件监听
Flutter GetX的事件监听 import 'package:flutter/material.dart'; import 'package:flutter_code/page/book/bookEntity.dart'; import 'package:get/get.dart'; clas ......
Flutter Getx 状态管理 --- (依赖管理) GetxController
Flutter Getx 简单的状态管理(依赖管理) GetxController Getx 依赖管理简介 Get有一个简单而强大的依赖管理器,它允许你只用1行代码就能检索到与你的Bloc或Controller相同的 类,无需Provider context,无需inheritedWidget。 C ......
pm2启动react项目总是stopped
执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文:https://blog.csdn.net/qq_52912134/article/details/127 ......
Flutter Getx 状态管理 --- 响应式状态管理器
状态管理 Get 并不是比任何其他状态管理器更好或更差,而是说你应该分析这些要点以及下面的要点来选择只用 Get,还是与其他状态管理器结合使用。 Get不是其他状态管理器的敌人,因为Get是一个微框架,而不仅仅是一个状态管理器,既可以单独使 用,也可以与其他状态管理器结合使用。 Get有两个不同的状 ......
react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画
水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
Flutter Getx 中的Dialog 以及改变主题
设置应用程序入口 当我们导入依赖后,在应用程序顶层把 GetMaterialApp 作为顶层,如下所示 import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(MyApp( ......
flutter中InheritedWidget共享数据
InheritedWidget是Flutter框架中用于在Widget树中共享数据的机制。它是一个特殊的Widget,可以将其放置在Widget树的上层,并向下传递共享的数据给其子Widget。子Widget可以通过InheritedWidget来获取共享的数据,而不需要通过显式地将数据传递给它们。 ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库,由Facebook开发,很流行,已被广泛使用。React基于组件构建,编写一段代码即可在多处复用,这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件,然后将它们组合成整个应用 ......
关于REACT2024挑战赛
这个挑战赛的任务是:建立一个机器学习模型,在双人交互的背景下,通过说话者的视频、音频、表情等数据,生成听者的面部反应并要保证反应的合理性(FRDist and FRCorr)、多样性(FRVar, FRDiv, and FRDvs)、同步性(FRSyn)、真实性(FRRea)。 ......
使用nestjs和react快速搭建项目架子
首先搭建前后端的项目架子 搭建nestjs架子 npx @nestjs/cli new 项目名 使用vite搭建一个react+ts的架子,vite地址:https://cn.vitejs.dev/guide/。搭建好后cd到项目中,然后安装依赖,尝试启动。 npm create vite@late ......
28、Flutter Key详解
在Flutter中,Key是不能重复使用的,所以Key一般用来做唯一标识。组件在更新的时候,其状态的保 存主要是通过判断组件的类型或者key值是否一致。因此,当各组件的类型不同的时候,类型已经足够 用来区分不同的组件了,此时我们可以不必使用key。但是如果同时存在多个同一类型的控件的时候, 此时类型 ......
flutter TextFormField
TextFormField( maxLength: 20, controller: controller.shippernameController, decoration: InputDecoration( counterText: '',//计数器的显示 border: InputBorder. ......
React jsx 语法解析 & 转换原理
jsx介绍 jsx是一种JavaScript的语法扩展(eXtension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法,用于描述UI界面,并且可以和JavaScript代码结合使用。 比起vue中的模板语法,更加灵活,且不需要学习模板语法中的特定标签,比如:v-if ......
flutter MaterialApp介绍
MaterialApp 是 Flutter 中常用的一个 widget,它是构建基于 Material Design 风格应用的根组件,主要负责各种全局状态的管理以及定义应用程序的主题样式等。 void main() { runApp(MaterialApp( title: "flutterAPP_ ......
flutter弹窗
AlertDialog: 优点:Material风格的弹窗,具有灵活的布局和样式自定义能力。易于使用,并提供了标题、内容和操作按钮的选项。 缺点:对于复杂的自定义布局和样式可能不够灵活。 BottomSheet: 优点:可以从底部弹出,并适用于需要在当前页面上方提供操作选项的场景。提供了自定义底部弹 ......
Flutter 中常用的视频播放器
Flutter 中常用的视频播放器有很多种,不同的播放器有着各自的优势和缺点。下面是一些常用的视频播放器,以及它们的优势、缺点和性能优化策略。 video_player: 优势:Flutter 官方提供的视频播放器,可支持多种平台,播放效果良好,使用简单。 缺点:不支持更高级的功能和自定义控制选项。 ......
react学习笔记
一:创建一个react项目 npx create-next-app my-app(项目名称)cd my-appnpm start 二:项目初始化 index.js import React from "react" import ReactDOM from "react-dom" import Ap ......
flutter 底部弹出框
getx模式 Get.bottomSheet( isScrollControlled: false, backgroundColor: AppColors.primaryBackground, isDismissible: false, enableDrag: false, Container( d ......
flutter-button小组件
Widget btnFlatButtonWidget({ required VoidCallback onPressed, Widget? text, double width = 140, double height = 44, Color gbColor = AppColors.primaryE ......
react 事件函数中 this 绑定问题
在使用类方式创建组件时,类中定义一个函数,并且绑定到元素的点击事件上,此时这个函数中this指向并不是当前这个组件。 组件代码如下: class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
了解 Flutter 3.16 功能更新
作者 / Kevin Chisholm 我们在季度 Flutter 稳定版发布会上带来了 Flutter 3.16,此版本包含诸多更新: Material 3 成为新的默认主题、为 Android 带来 Impeller 的预览版、允许添加适用于 DevTools 的扩展程序等等,以及同步推出 Fl ......