news 2026/6/11 20:14:02

如何运行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/6/11 4:38:42

Kotaemon演讲稿润色:增强感染力与说服力

Kotaemon:构建可信智能体的开源实践 在企业纷纷拥抱 AI 的今天,一个现实问题摆在面前:我们真的敢让大模型直接回答客户的问题吗? 想象一下,客服系统告诉用户“这项服务完全免费”,而实际上有隐藏费用&#…

作者头像 李华
网站建设 2026/6/9 18:52:57

【狂飙全模态】狂飙AGI-Wan2.1文生视频实战部署-Gradio篇

Wan2.1文生视频实战部署-Gradio篇一、Wan2.1 初体验二、Wan2.1文生视频实战1 WebUI界面部署2 LoRA模型的应用3 脚本中各项参数的使用一、Wan2.1 初体验 魔搭社区创空间的体验Demo:https://modelscope.cn/studios/ybh618/Wan-2.1 二、Wan2.1文生视频实战 1 WebUI界…

作者头像 李华
网站建设 2026/6/9 18:51:48

Kotaemon渔业养殖问题解答系统试点

Kotaemon渔业养殖问题解答系统试点 在江苏高邮的一处水产养殖场,凌晨三点,养殖户老李发现鱼塘水面异常翻腾,部分草鱼浮头严重。他第一时间打开手机上的微信小程序,输入“草鱼大量浮头怎么办”。不到十秒,系统返回一条结…

作者头像 李华
网站建设 2026/6/10 22:47:41

中文场景下Kotaemon的表现如何?实测结果令人惊喜

中文场景下Kotaemon的表现如何?实测结果令人惊喜 在企业智能化转型加速的今天,越来越多组织开始部署AI对话系统来应对海量用户咨询。然而,一个普遍存在的痛点是:通用大语言模型虽然能“说人话”,但面对专业问题时常“胡…

作者头像 李华
网站建设 2026/6/9 15:15:25

双馈风机并网技术中的电流环LADRC控制策略探究

双馈风机并网,电流环采用ladrc控制双馈风机的电流环控制就像给涡轮机装了个智能方向盘,传统PI控制器遇到电网谐波和参数变化容易手忙脚乱。去年调试某2MW机组时就遇到过——电网电压突然跌落5%时,定子电流震荡得像心电图。这时候LADRC&#x…

作者头像 李华