如何运行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. 🔥🔥🔥