news 2026/7/14 13:22:10

如何运行Flutter示例代码到鸿蒙平台上

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何运行Flutter示例代码到鸿蒙平台上

如何运行Flutter示例代码到鸿蒙平台上

大家好,今天我们一起来看一下使用相机调用这个案例,一起来看一下flutter代码运行到鸿蒙平台的效果

首先大家需要下载这个仓库

testcamera

1.下载代码

gitclonegit@gitcode.com:openharmony-tpc/flutter_samples.git

2.适配ohos的案例都在ohos目录下

AUTHORS add_to_app deeplink_store_example google_maps place_tracker simplistic_editor COMMITTERS.mdanalysis_defaults desktop_photo_search infinite_list platform_channels testing_app CONTRIBUTING.mdandroid_splash_screen docs ios_app_clip platform_component_demo tool LICENSE animations experimental isolate_example platform_design veggieseasons OAT.xmlasset_transformation flutter_maps_firestore jsonexample platform_view_swift web PATENTS background_isolate_channels flutter_music_player material_3_demo provider_counter web_embedding README.OpenSourcecode_sharing flutter_smart_agriculture navigation_and_routing provider_shopper README.en.mdcompass_app form_app next_gen_ui_demo simple_shader README.mdcontext_menus game_template ohos simplistic_calculator

cd到ohos目录下

现在这里面就是我们的这些适配了ohos的目录

README.md event_bus_test http_test path_parsing_test sqflite_test animation_demo floor_testjs_dart_demoperformance string_scanner_test async_test flutter-pag load_native_resource_demo petitparser_test test_uni_links asynchronous flutter_huawei_login localtion_demo pictures_provider_demo testcamera automated_testing_demo flutter_ohos_theme_fontsizescale logging_test platform_demo testchatcached_network_image_sampleflutter_page_sample1multi_productsplatform_test testpicture channel_demo flutter_page_sample2 node_test_server platformchannel_demo tuple_testclock_testflutter_svg_test ohos_flutter_photoviewpicker provider_partrefresh uuid_test component_demo flutter_webview_demo ohos_sqlite3_demo rxdart_test vector_math_testdio_testgesture_intercept_demo ohos_themeAdaptationscrollview_demovideo_full_screen docs http_parser_test path_drawing_test sqflite_helper xml_test

我今天想学习的是testcamera

3.进入testcamera目录

cdtestcamera

4.现在就可以直接使用flutter run来测试了。

这个时候会报错

+ flutter_lints 2.0.3 (6.0.0 available)+ flutter_test 0.0.0 from sdk flutter+ leak_tracker 10.0.9 (11.0.2 available)+ leak_tracker_flutter_testing 3.0.9 (3.0.10 available)+ leak_tracker_testing 3.0.1 (3.0.2 available)+ lints 2.1.1 (6.0.0 available)+ matcher 0.12.17 (0.12.18 available)+ material_color_utilities 0.11.1 (0.13.0 available)+ meta 1.16.0 (1.17.0 available)+ path 1.9.1+ sky_engine 0.0.0 from sdk flutter+ source_span 1.10.1+ stack_trace 1.12.1+ stream_channel 2.1.4+ string_scanner 1.4.1+ term_glyph 1.2.2+ test_api 0.7.4 (0.7.8 available)+ vector_math 2.1.4 (2.2.0 available)+ vm_service 15.0.0 (15.0.2 available)Changed 27 dependencies! 12 packages have newer versions incompatible with dependency constraints. Try `flutter pub outdated` for more information. Launching lib/main.dart on 2LQ0224129000383 in debug mode... start hap build... Running Hvigor task assembleHap... 15.1s Error: 请通过DevEco Studio打开ohos工程后配置调试签名(File -> Project Structure -> Signing Configs 勾选Automatically generate signature)

所以需要大家在这里面ohos模块签名

找到对应的文件

5.打开deveco。签名

6.现在就可以尝试了

flutter run Launching lib/main.dart on2LQ0224129000383indebug mode... start hap build... Running Hvigor task assembleHap...10.7s ✓ Built ohos/entry/build/default/outputs/default/entry-default-signed.hap. installing hap. bundleName: com.example.testcamera12-1808:07:00.0142479224792W A00000/com.example.testcamera/XComFlutterOHOS_Native: flutter settings log message: build textureId :-112-1808:07:00.2812479224792W A00000/com.example.testcamera/XComFlutterOHOS_Native: flutter settings log message: build textureId :1waitingfora debug connection: http://127.0.0.1:55220/qL6lfbc1GRE=/Syncing files to device2LQ0224129000383...72ms Flutter run key commands. r Hot reload. 🔥🔥🔥

已经运行成功。

现在我们就可以对现在的源码继续分享了。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/14 6:22:45

连接的永恒印记:铆钉技术演进与现代工业应用全景

在人类工业文明的历史中,有一种连接技术以其独特的可靠性留下了不可磨灭的印记——铆接。从埃菲尔铁塔的钢铁骨架到波音飞机的流线型机身,铆钉始终是承载力量与信任的金属“焊缝”。作为一种通过自身塑性变形实现永久性锁固的紧固件,铆钉历经…

作者头像 李华
网站建设 2026/7/14 14:04:06

archlinux 通过wpa_supplicant 连接wifi固定ip设置方法

因为我做app开发,本机会作为api服务器使用,如果ip发生变化了就要修改一次配置文件,非常的麻烦。 而我是通过命令行连接wifi的,执行命令如下: wpa_supplicant -c lsnet.conf -i wlan0 &那么这种方式是否可以设置固定…

作者头像 李华
网站建设 2026/7/11 11:39:03

类与样式绑定

一:绑定HTML class 1.绑定对象 背景:最常用 特殊案例,绑定一个计算属性写的对象 https://blog.csdn.net/weixin_57141071/article/details/156042305?spm1001.2014.3001.5501 2.绑定数组 背景:从未使用过 []: 3.在组…

作者头像 李华
网站建设 2026/7/11 9:01:56

Linux:sed工具的三种最实用的用法总结

一、原理简介 sed是一行一行读取文件内容并按照要求进行处理,把处理后的结果输出到屏 幕。 首先sed读取文件中的一行内容,把其保存在一个临时缓存区中(也称为模式空 间) 然后根据需求处理临时缓冲区中的行,完成后把该行…

作者头像 李华
网站建设 2026/7/14 14:35:31

医疗大模型RAG实战避坑指南:从基础到进阶,看这一篇就够了!

RAG相关理论知识与经验整理。 谈到大模型在各垂直领域中的应用,一定离不开RAG,本系列开始分享一些RAG相关使用经验,可以帮助大家在效果不理想的时候找到方向排查或者优化。 本系列以医疗领域为例,用面试题的形式讲解RAG相关知识…

作者头像 李华