登录社区云，与社区用户共同成长
邀请您加入社区
混编配置可以参考这篇文章 www.jianshu.com/p/eee692736…最近开始在项目的边缘模块中尝试使用Flutter开发，对混编过程中遇到的问题做了一些记录。1、使用了cocoapods在Debug.xcconfig和Release.xcconfig里面添加注意FlutterMixed 是自己iOS项目的名称#include "Pods/Target Support Fil...
本文介绍一下Flutter中如何进行json数据的解析。在移动端开发中，请求服务端返回json数据并解析是一个很常见的使用场景。Android原生开发中，有GsonFormat这样的神器，一键生成JavaBean，并利用Gson实现json数据和对象的转化；在React Native中更是得益于直接使用javascript语言，无需对json对象进行解析便可以直接访问属性。那么在Flutter..
1_ExpansionTileimport 'package:flutter/material.dart';void main() {runApp(ExpansionTileSample());}class ExpansionTileSample extends StatelessWidget {@overrideWidget build(BuildContext...
做过RN的童鞋都知道，RN上官方的视频组件是react-native-video。然而，官方的文档的demo并不是那么详尽，踩了一身的坑，仍然和理想中的视频播放器相去甚远。本文会完成一个基本的视频播放器，包含：全屏切换播放/暂停进度拖动滑动手势控制音量、亮度、进度完整例子见文末。全屏方案一般而言，思路有两种。一种是用户点击全屏按钮时，另外打开一个页面，该页面全屏展示一个视频组件，...
ylbtech-框架：Flutter（移动应用程序开发框架）Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia应用的主要方式。...
React Native 路由跳转发送广播和接受事件通知DeviceEventEmitterA/B页面之间进行"通信"//A页面 导入组件：import { DeviceEventEmitter } from 'react-native';//添加监听//A页面 添加广播事件DeviceEventEmitter.emit(...
爱奇艺开播助手简介爱奇艺开播助手项目，又称\u0026quot;直播机\u0026quot;，该项目目标是通过一个移动平台为主播提供多样化的直播内容。现阶段所涵盖的直播内容包括：游戏直播，美女摄像直播，小剧场直播，其中游戏直播相对主播数量最多，3 种推流模式所涉及的推流 SDK 基本一致，推流逻辑存在部分差异。该项目的 Android 端和 iOS 端架构类似，主要由 APP、SDK 和 so 三
Flutter 提供了与 Android 相似的 Paint 和 Canvas 来实现自定义 View，使应用更方便完善。小菜尝试学习和使用自定义 View。自定义 View 包括 Paint 画笔与 Canvas 画布，两部分缺一不可；两者通过 CustomPainter 衔接使用。需要实现 paint() 绘制方法与 sho...
2019独角兽企业重金招聘Python工程师标准>>>...
简单 democlass _RankPageState extends State<RankPage>{final List<Tab> titleTabs = <Tab>[Tab(text: '今日实时榜',),Tab(text: '昨日排行榜',),Tab(t...
一、组件的属性(props)和状态(state) 1.属性（props） 它是组件的不可变属性（组件自己不可以自己修改props）。 组件自身定义了一组props作为对外提供的接口，展示一个组件时只需要指定props作为节点的属性。 一般组件很少需要对外公开方法（例外：工具类的静态方法等），唯一的交互途径就是props。所以说它也是父组件与子组件通信的桥梁。 ...
作者：闲鱼技术-海潴嗯。。。这个问题十分不好回答啊(捋下鱼须)。闲鱼作为flutter领域的先驱者，以及fish_redux、flutter_boost等当红flutter库的作者，当然是欢迎广大的开发者多多使用flutter相关技术栈 逃~:)。咳咳，不过呢，我们还是正经得聊一下React Native(下面简称RN)和flutter之前的异同：0...
对React-Native的学习，从熟悉基本控件开始。View属性方法序号名称属性Or方法类型说明1accessibilityLabel属性string2accessible属性bool当为true时，表示该元素是可以进行访问，默认情况下所有可触...
1概述目录前言Kotlin协程，现在已经成为了面试甚至是工作中一个非常火的东西。本人在刚开始了解Kotlin协程的时候，断断续续看了网上不少文章，用长篇大论把Kotlin协程描述的非常玄乎，但是看完后还是依然云里雾里，所以决定来写一篇关于协程的文章，希望能够帮助大家能够更快的上手Kotlin协程.注意：如果没有特殊提及，文中所有“协程”均代表“Kotlin协程”2为什么要学习Kotlin协程？（官
PropProp可以理解为组件中的属性，它可以通过外界传递进来的参数，类似于构造函数的参数1、属性参数使用自定义组件的时候，传递参数到自定义组件中<View><PropsTextname = "小明",age = 18/></View>复制代码2、默认属性在React中可以提供默认参数defa...
相信很多使用原生+Flutter的iOS项目都会遇到混合开发的集成问题，也有大神写了一些解决方案，下面就记录一下我的心路历程：前期准备开始之前，我先拜读了一些大神的文章（这里只挑出对我帮助最大的）：Flutter混合开发组件化与工程化架构混沌初始，iOS现有项目集成Flutter方案筛选经过探索，结合项目的实际情况（我司的项目采用模块化开发，pods方式集成），有下面的两个方案：使...
一旦被誉为移动开发的突破，Facebook的React Native框架就绊脚石了，用户重新评估了对这项技术的承诺，Facebook希望对其进行彻底改革。React Native已被Uber，Tesla，Instagram和Facebook本身的公司使用。 2015年底，分析公司IDC认为React Native为混合开发提供了新的范例 ，使开发人员摆脱了Webview组件的束缚，并提供...
类 对象 接口类继承结构kotlin接口声明一个接口interface Clickable{fun click()}复制代码实现这个接口class Button :Clickable{override fun click() = print("I'm clicked") //这里的override是强制要求的不能省略}复制代码拥有默认实现方法的接口int...
作者：Time_sun路由操作的方式我们的路由操作基本分为三类：打开、关闭、替换。对应到 Navigator 的 API 就是 push、pop 和 replace。每一类又根据操作的方式分为：直接 和 间接，直接的方式就是直接操作 Route，间接的方式就是通过名字来操作 Route。整体的 API 方法如下：我们最常用的 API 可能就是 push 和 pop。 push 和 pop 是一对相
Flutter for iOS 开发者本文档适用那些希望将现有 iOS 经验应用于 Flutter 的开发者。如果你拥有 iOS 开发基础，那么你可以使用这篇文档开始学习 Flutter 的开发。开发 Flutter 时，你的 iOS 经验和技能将会大有裨益，因为 Flutter 依赖于移动操作系统的众多功能和配置。Flutter 是用于为移动设备构建用户界面的全新方式，但它也有...
安装目前需要Android Studio3.0或更高版本。Android Studio需要Java Development Kit [JDK] 1.8（暂不支持更高版本）。你可以在命令行中输入javac -version来查看你当前安装的JDK版本。如果版本不合要求，则可以到官网上下载。 或是使用包管理器来安装（比如choco install jdk8或是apt...
这篇文章主要解决react-native中遇到的bug。环境：window10Error: Command failed: gradlew.bat installDebug编译并运行 React Native 应用之前我们可以使用下面的方法清理gradlew 和之前的构建文件。Error: Command failed: gradl...
| 作者：Ryan Turner| 公众号链接：mp.weixin.qq.com/s/Z1SKqej4M…| 链接：facebook.github.io/react-nativ…Facebook 于本月 12 号发布了 React Native v0.59。这次更新来自 88 个贡献者的 644 次提交。让我们一起来看看这个版本有什么新特性。以下是官方通稿的译文。
3月5日，闲鱼宣布在GitHub上开源Fish Redux，Fish Redux是一个基于 Redux 数据管理的组装式 flutter 应用框架， 特别适用于构建中大型的复杂应用，它最显著的特征是 函数式的编程模型、可预测的状态管理、可插拔的组件体系、最佳的性能表现。下文中，我们将详细介绍Fish Redux的特点和使用过程，以下内容来自InfoQ独家对闲鱼Flutter团队的采访和Fish R
https://www.cnblogs.com/lunlunshiwo/p/10361298.html在我接触Flutter之前，做过一个比较失败的基于DCloud的HTML5+技术的app，做过几个RN项目。在这两种不同机制的app升级方案中，RN采用的是微软的CodePush技术。而那个比较失败的项目采用的是检查版本号，下载安装包的方法。而在这个Flutter项目中，我在写...
Flutter是借鉴React的开发思想实现的，在子组件的插槽上，React有this.props.children，Vue有<slot></slot>。当然Flutter也有类似的Widget，那就是Navigator，不过是以router的形式实现（像<router-view></router-view>？？？）。Navigator的使用无非..
背景说到异常处理，你可能直接会认为不就是 try-catch 的事情，至于写一篇文章单独来说明吗？如果你是这么想的，那么本篇说不定会给你惊喜哦~而且本篇聚焦在图片的异常处理。场景学以致用，有具体的应用场景，能够加深我们对知识的掌握。我们以简书的文章列表为例，如下图：假设产品有这样的需求，当右边的封面图加载失败的时候，用一个默认图片替换或者直接让文本横向填充原有图片位置。不管处理...
文中所有示例代码请点击：gitee.com/yumi0629/Fl…今天呢，我小拉面主要想给大家讲一讲Flutter中的Slivers大家族的使用场景和方法。开发过列表布局的同学们应该对Slivers系列的控件不陌生，或多或少都用过这个库中的控件，来解决复杂的滑动嵌套布局。比如之前讲Hero的时候提到的下面这个界面，使用普通的GridView的话是没法实现的，我们选择使用C...
很久没有更新Flutter文章了，今天的文章主要是介绍一下Semantics。我们的交流QQ群：892398530。转载请标注原文出处。本来为译文，原文请戳这里这篇文章解释了Flutter中Semantics的概念。难度：入门级。前言如果你读过有关于Flutter的代码，那么你有时候你会注意到Semantics或者SemanticsConfigurat...
1.说明：教程属于官方E聊SDK-简介(5)进入官网进入管理台SDK版本:v1.01技术交流QQ群: 4716889372.移动客户端简介：E聊SDK提供了一个基本的移动客户端Demo源码，通过编译该客户端，可以接入E聊服务器，实现单聊/群聊等功能。移动客户端使用ReactNative 技术开发，适配了Android, ios, 移动网页等三个平台，实现使用一套代码适配三个平台，大大降低了代码开发
学习内容以下是可滚动Widgets的部分汇总：SingleChildScrollViewListViewGridViewCustomScrollView简单使用// SingleChildScrollViewclass NewSingleChildScrollView extends StatelessWidget {@overrideWidget build(Bu...
本篇已同步到 个人博客，欢迎常来。代码地址 最终预览效果如下：一、定制Title目标：App导航栏title换成需要切换条（iOS中叫Segment）1、flutter提供的AppBar的title属性就是wigdet，所有我们可以直接把title设置为tabbar;2、需要相应的页面来进行联动，所以需要关联SingleTickerProviderStateMixin, 且把...
前面三篇可以算是一个小小的里程碑。主要是介绍了 Flutter 环境的搭建、如何创建 Flutter 项目以及如何在旧有 Android 项目引入 Flutter。这一篇我们来学习下 Flutter 的 UI。前言说到 UI，我就简单说下 Flutter 作为一门跨平台语言具有的优势之一，提高效率吧。举个例子：假设现在要开发一个界面，Android 开发需要一天，iOS 开发也需要一...
背景Google在最新的Google I/O上推出了Flutter for Web，旨在进一步解决一次代码，多端运行的问题。Flutter for Web还处于早期试验版，官方不建议在生产环境上使用。那么到底它的实际情况怎么样呢？ 我们做了一次预研。期望这次预研的结果可以帮你决定是用，还...
[TOC]环境安装推荐直接查看官网，介绍的很详细，嫌门槛高，那就React Native 中文网。开发工具IDE建议使用VS Code，比较轻量级，插件想装就装，插件当然首选React Native Tools，建议下载好后，搜索安装。安装好VS Code后，可以了解几个常用的快捷键Alt + Shift + F 格式化Ctrl + [选中内容缩进向左移动C...
阿里妹导读：随着 Flutter 这一框架的快速发展，有越来越多的业务开始使用 Flutter 来重构或新建其产品。但在我们的实践过程中发现，一方面 Flutter 开发效率高，性能优异，跨平台表现好，另一方面 Flutter 也面临着插件，基础能力，底层框架缺失或者不完善等问题。今...
程序猿日常flutter填坑——现有Android项目和现有iOS项目引入同一个Flutter项目一.现有Android项目 引入 Flutter 项目（源码Module方法引入）1.Android Stdio升级至4.0.1版本2.现有项目升级AndroidXdistributionUrl=https\://services.gradle.org/distributions/gradle-6.1
前段时间开了个flutter项目。虽然比较简单 ，但是也算开坑了，记录一下首先，官网了解一下，这里边介绍了很多，比如环境搭建，开发，以及部分用法介绍，推荐先看这个，完了之后再说别的，搭建起来之后，默认就是有一个程序的，可以跑一下感受一下，顺带，可以装一下iOS和安卓的工具，一起弄一下，我这...
介绍最近学习了Flutter的一些控件使用，然后在Github上面看见了一个挺漂亮的登录界面，于是就用Flutter自己模仿地实现了一下。原作者做得比较好看，不过只是单纯实现界面。所以自己加了些东西，比如Key的使用和InheritedWidget的使用。下面是一些总结，如果有说错的地方，还请各位指出来，谢谢。最终的展示界面代码结构每个类的名字，相信大家一看就知道对应的作用类。每个...
Scope Functions在Kotlin中，作用域函数允许在对象的上下文中执ඡ...
为什么要用Flutter？Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。Flutter有哪些与众不同1. Beautiful - Flutter 允许你控制屏...
参考：http://bbs.reactnative.cn/topic/10/%E5%9C%A8windows%E4%B8%8B%E6%90%AD%E5%BB%BAreact-native-android%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83请着重注意文中红色字体安装JDK从Java官网下载JDK并安装。请注意选择x86还是x64版本。推...
参考链接：jspang.com/post/flutte…JAVA环境的安装下载JDK,JAVA环境jdk下载地址：www.oracle.com/technetwork…, 安装完成到终端（命令行）里输入java,进行检测。下载安装 FlutterSDK去官网下载Flutter安装包，下载地址:flutter.io/sdk-archive…将安装包zip解压到你想安装...
Introduction 我们所有人都知道设计模式，或者至少在我Ê...
翻译首页为了在测试环境里找到Widgets，我们需要使用Finder类。虽然我们可以编写自己的Finder类，但是通常使用flutter_test包提供的工具查找Widget更方便。在这个示例里，我们看一下flutter_test包提供的find常量并演示如何使用它提供的一些Finders。如果查看可用finders的完整列表，请查看CommonFinders文档如果你不熟悉Widget测试...
如果您是移动应用程序开发人员，那么Java可能是构建Android...
移动开发
——移动开发
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
开源鸿蒙跨平台开发者社区
