Flutter入门-Dart端和Native端的页面跳转

已于 2023-08-23 16:40:16 修改
阅读量1.5k 收藏 3
点赞数 1
分类专栏： Flutter入门系列 文章标签： flutter android android studio
于 2022-11-09 14:05:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lepaitianshi/article/details/127763738
版权

前面我们学习了Dart端页面的跳转是通过Navigator控制的，而在android原生开发中，采用的是Intent。那混合开发中，两者间的页面跳转又是如何实现的呢？

Dart端跳转到Native端的实现

消息通道

1、在android原生的Manifest文件中注册FlutterActivity组件

 <activity
            android:name="io.flutter.embedding.android.FlutterActivity"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:theme="@style/Theme.AppCompat"
            android:windowSoftInputMode="adjustResize" />

2、Dart端使用BasicMessageChannel或者MethodChannel

2-1 BasicMessageChannel
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class MyBasicMessageChannel extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: BasicMessageChannelHome(),
    );
  }
}

class BasicMessageChannelHome extends StatefulWidget {
  @override
  State<BasicMessageChannelHome> createState() =>
      BasicMessageChannelHomeState();
}

class BasicMessageChannelHomeState extends State<BasicMessageChannelHome> {
  var _basicMessage = BasicMessageChannel("BasicChannel", StringCodec());

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: GestureDetector(
            child: Text('发送BasicMessageChannel'),
            onTap: () {
              _basicMessage.send('JumpNativeActivity').then((value) {
                print(value);
              });
            },
          ),
        ),
      ),
    );
  }
2-1 MethodChannel
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class FlutterMethodChannel extends StatelessWidget {
  MethodChannel methodChannel = MethodChannel('nativeCall');

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: GestureDetector(
          onTap: () {
            _callNativeMethod();
          },
          child: Center(
            child: Text('调用Native方法'),
          ),
        ),
      ),
    );
  }

  void _callNativeMethod() async {
    try {
      methodChannel.invokeMethod('JumpNativeActivity');
    } catch (e) {
      print(e);
    }
  }
}

3、android原生端

接收BasicMessageChannel
package com.example.flutter_hello

import android.content.Context
import android.os.Bundle
import android.util.Log
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.BasicMessageChannel
import io.flutter.plugin.common.StringCodec

const val TAG:String="MainActivity"

class MainActivity : FlutterActivity() {

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        var channel = BasicMessageChannel(
            flutterEngine.dartExecutor.binaryMessenger,
            "BasicChannel",
            StringCodec.INSTANCE
        )
        channel.setMessageHandler { message, reply ->
            startActivity(
                Intent(
                    this,
                    SecondActivity::class.java
                )
            )
            reply.reply("成功跳转")
        }

    }
}
接收MethodChannel
package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import android.util.Log
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodChannel
import io.flutter.plugin.common.StringCodec

const val TAG:String="MainActivity"

class MainActivity : FlutterActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        Log.e(TAG,"onCreate")
        MethodChannel(
            flutterEngine!!.dartExecutor.binaryMessenger,
            "nativeCall"
        ).setMethodCallHandler { call, result ->
            run {
                if (call.method.equals("JumpNativeActivity")) {
                    result.success("success")
                     startActivity(
                Intent(
                    this,
                    SecondActivity::class.java
                )
            )
                }
            }
        }
 
}

android原生端跳转到Dart端页面

一、基于FlutterEngine

该方式是基于Navigator和routes的，所以，对于Dart端一定要配置好routes。

Dart端

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class DartPages extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: <String, WidgetBuilder>{
        'home': (BuildContext context) => DartHomePage(),
        'second': (BuildContext context) => DartSecondPage(),
      },
      initialRoute: 'home',
    );
  }
}

class DartHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HomePage'),
        centerTitle: true,
      ),
      body: const Center(
        child: Text('欢迎来到Dart主页'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          MethodChannel methodChannel=const MethodChannel("nativeCall");
          methodChannel.invokeMethod("toSecondActivity");
        },
        child: const Text('跳转'),
      ),
    );
  }
}

class DartSecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HomePage'),
        centerTitle: true,
      ),
      body: const Center(
        child: Text('欢迎来到Dart第二页'),
      ),
    );
  }
}

Android端

MainActivity

package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import android.util.Log
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodChannel
import io.flutter.plugin.common.StringCodec

const val TAG:String="MainActivity"

class MainActivity : FlutterActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        Log.e(TAG,"onCreate")
        MethodChannel(
            flutterEngine!!.dartExecutor.binaryMessenger,
            "nativeCall"
        ).setMethodCallHandler { call, result ->
            run {
                if (call.method.equals("nativeMethod")) {
                    result.success("success")
                    Log.e(TAG, "Get Dart call method")
                }else if(call.method.equals("toSecondActivity")){
                    startActivity(
                        Intent(
                            this,
                            SecondActivity::class.java
                        )
                    )
                }
            }
        }
       
    }
}
withNewEngine()

该方法使用的是withNewEngine，页面跳转会出现卡顿感
SecondActivity

package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import com.example.flutter_hello.databinding.ActivitySecondBinding
import io.flutter.embedding.android.FlutterActivity

class SecondActivity : AppCompatActivity() {
    lateinit var mContext: Context
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mContext = this
        val binding: ActivitySecondBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_second)
        binding.jumpToDartSecond.setOnClickListener {
            //方式1：跳转到已经在flutter的routers声明的命名路由页面（会卡顿）
            startActivity(FlutterActivity.withNewEngine().initialRoute("second").build(mContext))
        }
    }
}

2、在Application里面先设置好FlutterEngine,使用的时候直接取缓存过得FlutterEngine
自定义MyApplication

package com.example.flutter_hello

import android.app.Application
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.embedding.engine.FlutterEngineCache
import io.flutter.embedding.engine.dart.DartExecutor

class MyApplication : Application() {
    lateinit var flutterEngineInit: FlutterEngine
    override fun onCreate() {
        super.onCreate()
        flutterEngineInit = FlutterEngine(this)
        // 开始执行Dart代码以预热FlutterEngine
        flutterEngineInit.navigationChannel.setInitialRoute("second")
        flutterEngineInit.getDartExecutor()
            .executeDartEntrypoint(DartExecutor.DartEntrypoint.createDefault())
        // 缓存FlutterActivity要使用的FlutterEngine
        FlutterEngineCache.getInstance().put("second", flutterEngineInit)
    }

    override fun onTerminate() {
        flutterEngineInit.destroy()
        super.onTerminate()
    }
}

在Manifest文件里面注册该自定义的Application
在这里插入图片描述

withCachedEngine
package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import com.example.flutter_hello.databinding.ActivitySecondBinding
import io.flutter.embedding.android.FlutterActivity

class SecondActivity : AppCompatActivity() {
    lateinit var mContext: Context
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mContext = this
        val binding: ActivitySecondBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_second)
        binding.jumpToDartSecond.setOnClickListener {
            //方式2：跳转到initialRoute指定的页面(不卡顿)
            startActivity(
                FlutterActivity
                    .withCachedEngine("second")
                    .build(mContext)
            )
        }
    }
}

二、基于传参(window.defaultRouteName)

PS:如果要使用window属性，必须导入 'dart:ui’的包

Dart端

import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class DartPages extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: <String, WidgetBuilder>{
        'home': (BuildContext context) => DartHomePage(),
        'second': (BuildContext context) => DartSecondPage(),
      },
      home: _widgetForRoute(window.defaultRouteName),
    );
  }
}

class DartHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HomePage'),
        centerTitle: true,
      ),
      body: const Center(
        child: Text('欢迎来到Dart主页'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          MethodChannel methodChannel=const MethodChannel("nativeCall");
          methodChannel.invokeMethod("toSecondActivity");
        },
        child: const Text('跳转'),
      ),
    );
  }
}

class DartSecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HomePage'),
        centerTitle: true,
      ),
      body: const Center(
        child: Text('欢迎来到Dart第二页'),
      ),
    );
  }
}

Widget? _widgetForRoute(String route){
  switch(route){
    case "home":
      return DartHomePage();
    case "second":
      return DartSecondPage();
    default:
      return DartHomePage();
  }
}

Android端

package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import android.util.Log
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine

var INIT_PARAMS = "initParams"
const val TAG:String="MainActivity"

class MainActivity : FlutterActivity() {
    private var initParams: String? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        Log.e(TAG,"onCreate")
        initParams = getIntent().getStringExtra(INIT_PARAMS)
    }

    override fun getInitialRoute(): String? {
        return if (initParams == null) super.getInitialRoute() else initParams
    }

    companion object {
        fun start(context: Context, initParams: String) {
            val intent = Intent(context, MainActivity::class.java)
            intent.putExtra(INIT_PARAMS, initParams)
            context.startActivity(intent)
        }
    }
}

1、在继承FlutterActivity的类重写getInitialRoute方法

调用
package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import com.example.flutter_hello.databinding.ActivitySecondBinding
import io.flutter.embedding.android.FlutterActivity

class SecondActivity : AppCompatActivity() {
    lateinit var mContext: Context
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mContext = this
        val binding: ActivitySecondBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_second)
        binding.jumpToDartSecond.setOnClickListener {
            MainActivity.start(mContext,"second")
        }
    }
}

三、基于FlutterFragment，在android原生的Activity里面嵌入Dart页面

Dart端

import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class DartPages extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: <String, WidgetBuilder>{
        'home': (BuildContext context) => DartHomePage(),
        'second': (BuildContext context) => DartSecondPage(),
      },
      home: _widgetForRoute(window.defaultRouteName),
    );
  }
}

class DartHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HomePage'),
        centerTitle: true,
      ),
      body: const Center(
        child: Text('欢迎来到Dart主页'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          MethodChannel methodChannel=const MethodChannel("nativeCall");
          methodChannel.invokeMethod("toSecondActivity");
        },
        child: const Text('跳转'),
      ),
    );
  }
}

class DartSecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HomePage'),
        centerTitle: true,
      ),
      body: const Center(
        child: Text('欢迎来到Dart第二页'),
      ),
    );
  }
}

Widget? _widgetForRoute(String route){
  switch(route){
    case "home":
      return DartHomePage();
    case "second":
      return DartSecondPage();
    default:
      return DartHomePage();
  }
}

Android端

SecondActivity
package com.example.flutter_hello

import android.content.Context
import android.content.Intent
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import com.example.flutter_hello.databinding.ActivitySecondBinding
import io.flutter.embedding.android.FlutterActivity

class SecondActivity : AppCompatActivity() {
    lateinit var mContext: Context
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mContext = this
        val binding: ActivitySecondBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_second)
        binding.jumpToDartSecond.setOnClickListener {
            startActivity(Intent(mContext,ThreeActivity::class.java))
        }
    }
}
ThreeActivity
package com.example.flutter_hello

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.fragment.app.FragmentTransaction
import io.flutter.embedding.android.FlutterFragment
//原生页面采用FlutterFragment引入Flutter的widgets
class ThreeActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_three)
        var ft:FragmentTransaction=supportFragmentManager.beginTransaction()
        val dartView:FlutterFragment=FlutterFragment.withNewEngine().initialRoute("second").build()
        ft.replace(R.id.dartPageContain,dartView).commit()
    }
}

总结：虽然混合开发中页面跳转能够实现，但是总体的页面切换的效果还是很差，估计用户体验不是很高，混合开发中跨平台页面渲染还有很大提升空间。

余生爱静
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Dart-Code：Dart和Flutter对VS Code的支持
02-06
介绍 Dart Code通过支持编程语言扩展了 ，并提供了有效编辑，重构，运行和重新加载移动应用程序和 Web应用程序的工具。 安装 可以或通过来Dart 。 产品特点 编辑和调试Flutter移动应用程序（使用F5或“ Debug菜单启动） 编辑和调试Dart命令行应用程序（使用F5或“ Debug菜单启动） 支持调试“仅我的代码”或SDK /库（ 和 ） 语法高亮 代码完成 片段 实时错误/警告/待办事项 悬停/工具提示中的文档 转到定义 查找参考 重命名重构 格式化文件 支持保存格式（ editor.formatOnSave ） 支持按格式格式化（ editor.formatOnT
nhost-dart:Nhost Dart和Flutter软件包
04-08
Dart和扑扑的Nhost软件包 包裹 Dart身份验证和文件存储API客户端 Flutter小部件，用于将Nhost Auth状态公开给您的应用 Flutter小部件，用于提供Nhost GraphQL连接，与包一起使用 GraphQL连接设置，与软件包一起使用
这个项目的ui示例是flutter的 -Dart-Ruby-下载
01-09
这个项目的ui示例是flutter的 -Dart-Ruby-下载
Flutter-Dart---The-Complete-Guide
03-10
flutter_course
flutter-dart-first
04-12
ejemplo_nueva_ventana Ejemplo de nueva ventana 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
Flutter学习第四篇之Android如何打开Flutter页面
梁超杰
05-07 3071
在上一篇Flutter学习第三篇之Android Flutter混合编译博客中我介绍了Android和Flutter如何实现混合编译，我们这篇博客就要学习怎么实现Android页面打开一个Flutter页面。 老规矩，我们先要把官方教程摆出来 英文官网 Native Flutter页面路由跳转，官方思路是有两种： Flutter页面当成一个新的Activity Flutter页面当成Fragme...
Flutter基础（一）页面跳转
热门推荐
写好每一篇文章
03-29 1万+
Flutter基础，路由跳转，页面跳转用法
flutter 的页面跳转总结
yyyyyyui68的博客
09-21 845
在flutter 中使用 push就是在路由堆栈中添加一个页面到顶部，就是我们经常说的打开一个页面，然后pop就是关闭堆栈顶部的页面，然后回到上一个页面。这个是比较简单的一个用法不做多说，可以提一嘴的是push跳转同一界面，跳转一次就会添加一个这样的页面到堆栈中。popAndPushNamed的作用其实是一样的，是结束当前页面并跳转到目标界面。如果不想结束掉所有的，比如我从1-->2-->3-->4.然后在界面4我想要跳转界面5并且结束掉3和4，并保留之前的1和2，这个时候可以使用。
Flutter Android 实现 APP跳转
LeftStrang的专栏
06-16 592
修改/app/src/mian/AndroidManifest.xml配置。安装插件：url_launcher: ^5.7.10。注册完成，APP已经可以被第三方调用了；创建URL scheme。一、APP 实现被打开。二、打开第三方APP。
Flutter 页面跳转
马志武的博客
06-13 6156
目录 一、基本路由（静态路由） 1、不传值跳转 2、传值跳转 二、命名路由（动态路由） 1、不传值跳转 2、传值跳转 效果图 完整代码 在Flutter中页面跳转被称之为‘路由’。 是通过Navigator 组件管理路由导航，其提供了管理堆栈的方法：Navigator.push（跳转） 和 Navigator.pop（返回）。 Flutter配置路由的方式有两种：1、基本路...
Flutter中如何进行界面跳转
01-03
在android开发中界面都是对应着一个个Activity，我们通过intent从一个界面启动另外一个。路由（Route）在移动开发中通常指页面（Page），所谓路由管理，就是管理页面之间如何跳转，通常也可被称为导航管理。导航管理都会维护一个路由栈，路由入栈（push）操作对应打开一个新页面，路由出栈（pop）操作对应页面关闭操作，而路由管理主要是指如何来管理路由栈。 一、小试牛刀 先写一个New Route，然后主界面上包含一个按钮，点击按钮则跳转到新的页面。新页面非常简单，一个AppBar + 一个Text。 class NewRoute extends StatelessWidget {
Flutter Android混合开发-页面跳转
Sim的博客
04-08 2007
Android跳转到Flutter页面 AndroidManifest.xml 注册 FlutterActivity： <activity android:name="io.flutter.embedding.android.FlutterActivity" android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|densi
【Flutter混合开发】在Android项目中如何启动Flutter
公众号：BennuCTech
05-18 950
flutter可以独立完成项目，但是在现有项目情况下最好的方式就是混合开发，逐步过渡。这样就会共存native和flutter代码，而其中最关键的就是native如何启动flutter页面，及flutter与native如何交互。 本文以Android为例，展示如何在一个现有项目中引入flutter、启动flutter，如何加速启动以及如何传参。
Flutter系列-flutter路由管理
路漫漫其修远兮，吾将上下而求索
10-20 6451
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.MaterialPageRoute1.3.Navigator1.4.路由传值1.5 命名路由1.6.命名路由参数传递1.7.适配二、路由钩子三、onUnknownRoute四、结尾 初识路由概念 路由的概念由来已久，包括网络路由、后端路由，到现在广为流行的前端路由。无论路由的概念如何应用，它的核心是一个路由映射表。比如：名字 detail 映射到 DetailPage 页面等。有了这个映射表之后，我们就可以方便的根据名字来完成路由的转发
Flutter普通路由跳转页面及传值
Gemini_Kanon的博客
12-25 457
最近由于公司业务要求在学Flutter&Dart开发APP，开始想学webview开发Android但是还需要开发ios版本的于是找到了这项新技术，正好这两天学到路由器这部分，感觉需要记录一下，其他的以后陆续更（包括环境搭建，项目创建等） 首先看一下目录结构这里我只截了需要的几个页面部分 首先是main.dart，这个是项目的入口文件，相当于初始化文件 import 'packag...
flutter 生成单选组件
weixin_40466351的博客
04-30 522
【代码】flutter 生成单选组件。
【Flutter 面试题】 什么是BuildContext，它有什么用
Code Metaverse
04-28 529
在 Flutter 开发中，BuildContext 是一个极为核心的类，其主要作用是代表了 Widget 在整个 Widget 树中的位置。这个上下文对象不仅关联着 Widget 的位置信息，也是它与整个应用其他部分进行交互的关键入口。
[Flutter]创建一个私有包并使用
最新发布
Gamin
05-06 508
在Flutter中创建一个自己的私有组件（通常称为包或库），并通过Dart的包管理工具pub进行使用。
[Flutter]单元测试和组件测试
Gamin
05-06 554
Matcher在某些情况下，内置的Matcher可能不足以满足你的测试需求。Flutter 允许你创建自定义的Matcher。这个自定义的Matcher检查一个整数是否是偶数，并在测试失败时提供适当的描述。
flutter react-native
05-17
Flutter和React Native都是跨平台移动应用开发框架，但它们有一些不同之处： 1. 语言：Flutter使用Dart语言，而React Native使用JavaScript语言。 2. 性能：Flutter的性能比React Native更好，因为Flutter的UI是由Flutter引擎直接渲染的，而React Native需要通过JavaScript桥接层与原生组件进行通信。 3. 开发体验：Flutter的开发体验更加一致，因为它使用自己的UI组件，而React Native需要使用原生组件。Flutter也提供了一个热重载功能，可以更快地看到代码的变化。 4. 生态系统：React Native有一个更大的生态系统，因为它已经存在更长时间，并且有更多的社区贡献。Flutter的生态系统正在快速增长，但它还没有达到React Native的规模。 综上所述，选择Flutter还是React Native取决于您的需求和偏好。如果您注重性能和一致的开发体验，那么Flutter可能更适合您。如果您需要更大的生态系统和更多的社区支持，那么React Native可能更适合您。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值