flutter native un-app react

Flutter Getx 路由管理

GetX 为我们封装了 Navigation ,无需 context 可进行跳转,使用 GetX 进行路由跳转非常的简单, 只需要调用 Get.to() 即可进行路由跳转, GetX 路由跳转简化了跳转动画设置 、动画时长定义、动画 曲线设置。 Get.to()实现普通路由跳转 一、设置应用程序入口 ......
路由 Flutter Getx

flutter android grandle buid.gradle

build setting buildscript { ext.kotlin_version = '1.5.20' repositories { // google() // mavenCentral() maven{ url 'https://maven.aliyun.com/repository ......
flutter android grandle gradle buid

2024-01-13 记录react-dnd拖拽组件的用法

开始和移动的下标: drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); }, ......
组件 react-dnd react 2024 dnd

2024-01-13 react 监听上一页返回

import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写: const location = useLocation(); useEffect(() => ......
react 2024 01 13

Flutter 自定义一个右侧可滑动 左侧为按钮的组件

var topicList = ["圈子话题1","圈子话题2","圈子话题3","圈子话题4-天气很好","圈子话题5","圈子话题6"]; @override Widget build(BuildContext context){ return SizedBox( height:ScreenUt ......
右侧 组件 按钮 Flutter

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 ......

002*:React状态、属性、传值

1:目录 2:正文 3:引用 ......
属性 状态 React 002

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 ......
模拟器 libarclite Flutter contain 项目

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 ......
脚手架 react-native windows 环境 native

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

Flutter Getx 状态管理 --- (依赖管理) GetxController

Flutter Getx 简单的状态管理(依赖管理) GetxController Getx 依赖管理简介 Get有一个简单而强大的依赖管理器,它允许你只用1行代码就能检索到与你的Bloc或Controller相同的 类,无需Provider context,无需inheritedWidget。 C ......
GetxController 状态 Flutter Getx

pm2启动react项目总是stopped

执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文:https://blog.csdn.net/qq_52912134/article/details/127 ......
stopped 项目 react pm2 pm

Flutter Getx 状态管理 --- 响应式状态管理器

状态管理 Get 并不是比任何其他状态管理器更好或更差,而是说你应该分析这些要点以及下面的要点来选择只用 Get,还是与其他状态管理器结合使用。 Get不是其他状态管理器的敌人,因为Get是一个微框架,而不仅仅是一个状态管理器,既可以单独使 用,也可以与其他状态管理器结合使用。 Get有两个不同的状 ......
状态 Flutter Getx

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 主题 Dialog Getx

flutter中InheritedWidget共享数据

InheritedWidget是Flutter框架中用于在Widget树中共享数据的机制。它是一个特殊的Widget,可以将其放置在Widget树的上层,并向下传递共享的数据给其子Widget。子Widget可以通过InheritedWidget来获取共享的数据,而不需要通过显式地将数据传递给它们。 ......
InheritedWidget flutter 数据

使用React构造前端应用

简单了解React和Node React是一个构建用户界面的JavaScript库,由Facebook开发,很流行,已被广泛使用。React基于组件构建,编写一段代码即可在多处复用,这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件,然后将它们组合成整个应用 ......
前端 React

关于REACT2024挑战赛

这个挑战赛的任务是:建立一个机器学习模型,在双人交互的背景下,通过说话者的视频、音频、表情等数据,生成听者的面部反应并要保证反应的合理性(FRDist and FRCorr)、多样性(FRVar, FRDiv, and FRDvs)、同步性(FRSyn)、真实性(FRRea)。 ......
挑战赛 REACT 2024

使用nestjs和react快速搭建项目架子

首先搭建前后端的项目架子 搭建nestjs架子 npx @nestjs/cli new 项目名 使用vite搭建一个react+ts的架子,vite地址:https://cn.vitejs.dev/guide/。搭建好后cd到项目中,然后安装依赖,尝试启动。 npm create vite@late ......
架子 项目 nestjs react

28、Flutter Key详解

在Flutter中,Key是不能重复使用的,所以Key一般用来做唯一标识。组件在更新的时候,其状态的保 存主要是通过判断组件的类型或者key值是否一致。因此,当各组件的类型不同的时候,类型已经足够 用来区分不同的组件了,此时我们可以不必使用key。但是如果同时存在多个同一类型的控件的时候, 此时类型 ......
Flutter Key

flutter TextFormField

TextFormField( maxLength: 20, controller: controller.shippernameController, decoration: InputDecoration( counterText: '',//计数器的显示 border: InputBorder. ......
TextFormField flutter

React jsx 语法解析 & 转换原理

jsx介绍 jsx是一种JavaScript的语法扩展(eXtension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法,用于描述UI界面,并且可以和JavaScript代码结合使用。 比起vue中的模板语法,更加灵活,且不需要学习模板语法中的特定标签,比如:v-if ......
语法 原理 React jsx amp

flutter MaterialApp介绍

MaterialApp 是 Flutter 中常用的一个 widget,它是构建基于 Material Design 风格应用的根组件,主要负责各种全局状态的管理以及定义应用程序的主题样式等。 void main() { runApp(MaterialApp( title: "flutterAPP_ ......
MaterialApp flutter

flutter弹窗

AlertDialog: 优点:Material风格的弹窗,具有灵活的布局和样式自定义能力。易于使用,并提供了标题、内容和操作按钮的选项。 缺点:对于复杂的自定义布局和样式可能不够灵活。 BottomSheet: 优点:可以从底部弹出,并适用于需要在当前页面上方提供操作选项的场景。提供了自定义底部弹 ......
flutter

Flutter 中常用的视频播放器

Flutter 中常用的视频播放器有很多种,不同的播放器有着各自的优势和缺点。下面是一些常用的视频播放器,以及它们的优势、缺点和性能优化策略。 video_player: 优势:Flutter 官方提供的视频播放器,可支持多种平台,播放效果良好,使用简单。 缺点:不支持更高级的功能和自定义控制选项。 ......
播放器 常用 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 ......
笔记 react

flutter 底部弹出框

getx模式 Get.bottomSheet( isScrollControlled: false, backgroundColor: AppColors.primaryBackground, isDismissible: false, enableDrag: false, Container( d ......
底部 flutter

flutter-button小组件

Widget btnFlatButtonWidget({ required VoidCallback onPressed, Widget? text, double width = 140, double height = 44, Color gbColor = AppColors.primaryE ......
flutter-button 组件 flutter button

react 事件函数中 this 绑定问题

在使用类方式创建组件时,类中定义一个函数,并且绑定到元素的点击事件上,此时这个函数中this指向并不是当前这个组件。 组件代码如下: class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
函数 事件 问题 react this

了解 Flutter 3.16 功能更新

作者 / Kevin Chisholm 我们在季度 Flutter 稳定版发布会上带来了 Flutter 3.16,此版本包含诸多更新: Material 3 成为新的默认主题、为 Android 带来 Impeller 的预览版、允许添加适用于 DevTools 的扩展程序等等,以及同步推出 Fl ......
Flutter 功能 3.16 16
共1560篇  :1/52页 首页上一页1下一页尾页