I need flutter multi package app (UI app + service app). Tizen native app and .NET app supports multi package. Each project can refer to other project's code and can access files and database in the package installed directory. It will be very helpful if Tizen flutter app supports multi package.

Native app https://docs.tizen.org/application/native/tutorials/process/app-dev-process/#developing-multiple-projects-as-a-combined-package

.NET app https://developer.samsung.com/tizen/blog/en-us/2019/01/04/how-to-package-ui-and-service-applications-together-and-perform-them

As a first step to provide a way to easily porting Flutter-Tizen to an existing Tizen project, we can consider supporting the below instruction set.

cd ~/existing_tizen_project_path/
flutter-tizen create -t module ./some-flutter-tizen-module
flutter-tizen build sharedLib

In order to provide flutter-tizen as a sharedLib, the module should not have an entry point in the native area, and the public header of the embedding should be exposed in the built sharedlib.

Intuitively, you can imagine the build output like the one below. ls ~/existing_tizen_project_path/some-flutter-tizen-module/build

build/
└── tizen
    └── sharedLib
         ├── include
         │   ├── HEADER_FILES_OF_EMBEDDING
         │   ├──  ......
         ├── lib
         │   ├── libapp.so
         │   ├── libflutter_engine.so
         │   └── libflutter_tizen_mobile.so
         ├── res
         │   ├── flutter_assets
         │   │   ├── AssetManifest.json
         │   │   ├── FontManifest.json
         │   │   ├── fonts
         │   │   │   └── MaterialIcons-Regular.otf
         │   │   ├── NOTICES.Z
         │   │   └── packages
         │   │       └── cupertino_icons
         │   │           └── assets
         │   │               └── CupertinoIcons.ttf
         │   └── icudtl.dat
         └── libsome-flutter-tizen-module.so

After that, the user can manually set dependency and use a module in the existing tizen project. Oh, of course, the user has to write the program manually using the set of public API provided by the embedding headers. I think there are many loopholes in this draft. Let's discuss it together.

I have built a specific library for linux_ia32, that samsung tv emulators use. I have that lib.so file. No matter where I put it in the tizen folder, my app says it's nowhere to be found. Is there a specific location I need to put the .so file, or is that simply not possible?

There are internal requirements for FlutterView.

The main purpose is to provide some interface for each language(C#/C++) that works as a UI component of Tizen rather than a single page FlutterApp. (see : https://docs.flutter.dev/development/add-to-app) Although specific requirements have not yet been communicated, we may need to support both. however, our top priority is to provide Flutter-tizen as a NUI component.

I think there are two ways to achieve this. the first way is to provide it by implementing it in embeddings, and the other way is to provide it by implementing in Tizen platform level after including flutter-tizen to Tizen platform like the webview provided in Tizen UI Toolkit. each way has distinct pros and cons I think but I'm approaching it the first way.

Several issues have already been opened and reviewed, but it seems to me that they all serve the same purpose. so I will close these issues in favor of managing them as a single issue. (@JSUYA agreed to this)

• https://github.com/flutter-tizen/flutter-tizen/issues/325
• https://github.com/flutter-tizen/engine/issues/253
• https://github.com/flutter-tizen/engine/issues/233

Here's a rough to-do list. (Please feel free to add a specific to do item. honestly, I still don't know exactly what to do :sweat_smile:)

• [x] Support FlutterView on C#
  • [x] Support FlutterView working on NUI
  • [x] Support FlutterView working on ElmSharp
• [x] Support FlutterView on C++
  • [x] Support FlutterView working on Elementary
• [x] Refactor and Add new APIs
  • The Flutter-tizen API should be reinforced to fit the concept of engine, window, and view. It means that the existing API name or behavior can be changed.
• [x] Document the API usage.
  • [x] An end-to-end guide (something like this).
  • [x] How to debug Dart code of the running view (DevTools support).

I have followed all the set up steps and I can build/sign/run apps on my Galaxy Watch (Tizen 5.5) from the command line and via Tizen Studio.

However, "flutter-tizen run" goes through the build process then tries to install to the watch but gives the following output:-flutter-tizen run Launching lib\main.dart on Tizen SM-R800 in debug mode... The XXXXX profile is used for signing. Building a Tizen application in debug mode... 142.5s Built build\tizen\com.example.flutter_test_1-1.0.0.tpk (16.7MB). Installing build\tizen\com.example.flutter_test_1-1.0.0.tpk... 16.8s Installing TPK failed with exit code 0: WARNING: Your data are to be sent over an unencrypted connection and could be read by others. pushed com.example.flutter_test_1-1.0.0.tpk 0% 0MB 0KB pushed com.example.flutter_test_1-1.0.0.tpk 15% 2MB 0KB pushed com.example.flutter_test_1-1.0.0.tpk 56% 9MB 4096KB pushed com.example.flutter_test_1-1.0.0.tpk 82% 13MB 6399KB pushed com.example.flutter_test_1-1.0.0.tpk 97% 16MB 1656KB pushed com.example.flutter_test_1-1.0.0.tpk 100% 16MB 1656KB 1 file(s) pushed. 0 file(s) skipped. ...\flutter_test_1\build\tizen\com.example.flutter_test_1-1.0.0.tpk 2482KB/s (17560922 bytes in 6.909s) path is /home/owner/share/tmp/sdk_tools/com.example.flutter_test_1-1.0.0.tpk __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[start] val[install] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[install_percent] val[12] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[install_percent] val[15] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[install_percent] val[18] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[install_percent] val[21] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[install_percent] val[25] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[install_percent] val[28] __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[error] val[-12] error message: :Invalid certificate chain with certificate in signature.:<-3> __return_cb req_id[1] pkg_type[tpk] pkgid[com.example.flutter_test_1] key[end] val[fail] processing result : Check certificate error [-12] failed spend time for pkgcmd is [9564]ms

It'd be better to look at the image below to understand what partial window apps are.

Volume and channel indicators can be called "partial window apps" in tizen tv. (or can be called full screen apps with full transparency. I'm fine with either ways.) It'd be great if I can implement apps like above with flutter-tizen.

Contributes to #351.

This is a flutter view class available in NUI UIFW.

var flutterView = new NUIFlutterView()
{
    Size2D = new Size2D(width, height),
    Position2D = new Position2D(x, y),
);
if (flutterView.RunEngine())
{
    GeneratedPluginRegistrant.RegisterPlugins(flutterView.Engine);
    ParentView.Add(flutterView);
}
...

if (flutterView.IsRunning)
{
    flutterView.Destroy();
}

releated PR : https://github.com/flutter-tizen/engine/pull/328

I have created a default flutter-tizen app and trying to handle Samsung Smart Remote keys

When pressing Play/Pause button, a message "Not Available"

appears on the screen (seems to be a system message) which I have no idea how to get rid of

I've been trying to handle remote control keys with KeyboardListener On Play/Pause button I get KeyDownEvent#b7d87(physicalKey: PhysicalKeyboardKey#c0075(usbHidUsage: "0x000c0075", debugName: "Brightness Auto"), logicalKey: LogicalKeyboardKey#00000(keyId: "0x1500000000", keyLabel: "", debugName: "Key with ID 0x01500000000"), character: null, timeStamp: 1:25:32.198076) where it recognises the physical key as a "Brightness Auto" key - which does not look like Play/Pause I expect to get And the logical key is just a dummy generated by flutter

What is the right way to handle the RC keys, in particular - Play/Pause button? Can I rely on physical key ID (0x000c0075) or is there a better solution? How do I get rid of this message appearing on Play/Pause button pressed?

Hi Flutter Tizen Team,

1) Cursor not showing

I was creating a web app for Samsung M8, however, there is no cursor showing on the app even if the mouse is connected. Here is my very simple architecture: Main UI --> Display only one button, and this button is linked to url_launcher_tizen (Cursor not shown here) url_launcher_tizen --> launches a browser with an url. (Cursor is shown here) May I know if this feature is not implemented or is it a bug.

2) Enter Key (from keyboard) not responding to the textfield onTap() or onFieldSubmitted() method

I was trying to create a textfield to ask for user input, but the Enter key from the keyboard seems not responding to the submit feature. (I could only use the "Go" button on the virtual keyboard to submit the request), do you know if there is any other way for Flutter tizen to acquire user input other than TextFormfield?

Much appreciate your help.

I added header files and libraries of vconf manually to the directory, tizen-studio\platforms\tizen-4.0\wearable\rootstraps\wearable-4.0-device.core .

Could you please add vconf header files and library to the rootstrap?

Recently Tim Sneath, the product manager of Dart and Flutter, has ported most of the commonly used Win32 APIs to Dart using Dart FFI: https://github.com/timsneath/win32. (Notice that it's not an official product from the Dart team but his hobby project!)

Apparently the FFI binding generator (package:ffigen) was not used in the project. Instead, some different technique was used to auto-generate Dart bindings from win32metadata. (I haven't looked into the details.)

Maybe a similar thing can be done for the Tizen native APIs. How good will the quality of the generated bindings be in terms of usability? What limitations would be there?

Hi guys! I m building a flutter app for smartwatches and i start with Samsung Galaxy Watch 4 SM R870. In every single place where i add a duration for animation the duration is 10 time faster. On an emulator of smart watch from Android Studio andorid sdk 30 it s everything fine. Here is flutter-tizen -v:

[!] Flutter (Channel unknown, 3.3.7, on Microsoft Windows [Version 10.0.19045.2364], locale en-US)
    ! Flutter version 3.3.7 on channel unknown at C:\flutter-tizen\flutter
    ! Upstream repository unknown
    • Framework revision e99c9c7cd9 (9 weeks ago), 2022-11-01 16:59:00 -0700
    • Engine revision 857bd6b74c
    • Dart version 2.18.4
    • DevTools version 2.15.0

[√] Tizen toolchain - develop for Tizen devices
    • Framework revision 11d0f3de27 (2 weeks ago), 2022-12-20 19:45:26 +0900
    • Engine revision 2874fe8bdda2814a59244f329f331e35f73e46d9
    • Tizen Studio 5.0 at C:\tizen-studio
    • .NET SDK 7.0.101 at C:\Program Files\dotnet\dotnet.exe

[√] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
    • Android SDK at C:\Users\xMihaix\AppData\Local\Android\sdk
    • Platform android-TiramisuPrivacySandbox, build-tools 33.0.1
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Build Tools 2019 16.11.22)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools
    • Visual Studio Build Tools 2019 version 16.11.33130.400
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2021.3)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)

[√] VS Code (version 1.74.2)
    • VS Code at C:\Users\xMihaix\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.56.0

[√] Connected device (5 available)
    • SM R870 (mobile)       • 192.168.1.213:5555 • android-arm    • Android 11 (API 30)
    • sdk gwear x86 (mobile) • emulator-5554      • android-x86    • Android 11 (API 30) (emulator)
    • Windows (desktop)      • windows            • windows-x64    • Microsoft Windows [Version 10.0.19045.2364]
    • Chrome (web)           • chrome             • web-javascript • Google Chrome 108.0.5359.125
    • Edge (web)             • edge               • web-javascript • Microsoft Edge 108.0.1462.54

[√] HTTP Host Availability
    • All required HTTP hosts are available

And here is an example of code where i m using animations with duration:

import 'dart:async';
import 'package:avatar_glow/avatar_glow.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:wearable_rotary/wearable_rotary.dart';
import '../exports.dart';

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  Duration duration = const Duration(seconds: 10);
  bool training = false;
  double x = 0;
  Stream bezel = rotaryEvents;
  List<List> iconData = [
    ['qr_code', 29.45, 29.45, const QrCode()],
    ['notification', 26.35, 31.18, const Scaffold()],
    ['trening', 27.0, 26.0, const Workout()],
    ['calories', 24.5, 29.45, const Calories()]
  ];
  Widget customIcons(int i) => InkWell(
        splashColor: secondaryColor,
        borderRadius: BorderRadius.circular(10),
        onTap: () => nav(iconData[i][3], context),
        child: AnimatedRotation(
          duration: duration,
          turns: -x / 1360,
          child: CustomPaint(
            foregroundPainter: BorderPainter(10),
            child: Container(
              alignment: Alignment.center,
              width: adaptive(55, context),
              height: adaptive(55, context),
              decoration: BoxDecoration(
                color: shadowColor,
                borderRadius: BorderRadius.circular(10),
              ),
              child: SvgPicture.asset(
                'assets/svg/${iconData[i][0]}.svg',
                width: adaptive(iconData[i][1], context),
                height: adaptive(iconData[i][2], context),
              ),
            ),
          ),
        ),
      );
  @override
  void initState() {
    super.initState();
    bezel.listen((event) => setState(() => x = x +
        ((event.direction == RotaryDirection.clockwise ? 1 : -1) *
            event.magnitude)));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: backgroundScaffold,
      body: Container(
        padding: EdgeInsets.all(adaptive(15, context)),
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        child: Stack(
          alignment: Alignment.center,
          children: [
            AvatarGlow(
              repeat: true,
              animate: training,
              showTwoGlows: false,
              glowColor: primaryColor,
              endRadius: adaptive(40, context),
              duration: const Duration(seconds: 1),
              child: Center(
                child: GestureDetector(
                  onTap: () => setState(() => training = !training),
                  child: SvgPicture.asset('assets/svg/logo.svg'),
                ),
              ),
            ),
            AnimatedRotation(
              duration: duration,
              turns: x / 1360,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  customIcons(0),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      customIcons(1),
                      customIcons(2),
                    ],
                  ),
                  customIcons(3),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

In the case that is matter i cannot use flutter-tizen run

No supported devices found with name or id matching 'tizen'.

The following devices were found:
SM R870 (mobile)       • 192.168.1.213:5555 • android-arm    • Android 11 (API 30)
sdk gwear x86 (mobile) • emulator-5554      • android-x86    • Android 11 (API 30) (emulator)
Windows (desktop)      • windows            • windows-x64    • Microsoft Windows [Version 10.0.19045.2364]
Chrome (web)           • chrome             • web-javascript • Google Chrome 108.0.5359.125
Edge (web)             • edge               • web-javascript • Microsoft Edge 108.0.1462.54

I start using flutter-tizen 2 weeks ago so maybe I m missed informed

flutter-tizen C# Application inherits CoreUIApplication and provides FlutterApplication. Can this changed to NUIApplication?

• Since both are implemented by inheriting CoreApplication, I don't think there is a problem.
• NUIApplication have been open to API4. (But I don't know if user can use NUI properly in API4.) https://docs.tizen.org/application/dotnet/api/TizenFX/API4/api/Tizen.NUI.NUIApplication.html
• To support FlutterView (C#) and PlatformView, NUI base app(template) should be provided. (Of course, for these we need to provide version template higher than API4.)

Any idea?

Can we build Flutter apps with GBS/QuickBuild?

• Can the flutter-tizen tool and its dependencies be fetched (offline) during the build?
  • .NET CLI and nuget packages
  • Tizen CLI and rootstrap?
  • flutter_tools dependencies (pub packages)
  • Prebuilt engine and embedder artifacts
• Can the apps' dependencies (pub packages) be fetched during the build?
• How to export the build artifacts to the RPM format?

https://docs.flutter.dev/development/packages-and-plugins/developing-packages#types

It is necessary to add flutter-tizen functionalities so that FFI plugin packages can be created and used.

• In plugin_ffi template of flutter, there is no platform-specific native source code and the source code has a CMakeLists.txt to make a shared library.

.
├── analysis_options.yaml
├── CHANGELOG.md
├── ffigen.yaml
├── ffitest.iml
├── lib
│   ├── ffitest_bindings_generated.dart
│   └── ffitest.dart
├── LICENSE
├── pubspec.lock
├── pubspec.yaml
├── README.md
└── src
    ├── CMakeLists.txt
    ├── ffitest.c
    └── ffitest.h

A lot of questions. should flutter tizen use this template? Or should we use our own template? Is it possible to build cmake with tizen sdk? Should a single plugin library (libflutter_plugins.so) policy be continued?

Flutter provides a way to render Android and IOS views in Flutter apps.

android - https://docs.flutter.dev/development/platform-integration/android/platform-views iOS - https://docs.flutter.dev/development/platform-integration/ios/platform-views

In Tizen, there are no specific scenarios that require this feature yet. However, we are already implementing and using a part (minimum) of PlatformView in the webview_flutter_tizen plugin.

https://github.com/flutter-tizen/plugins/issues/399#issuecomment-1298139243 As discussed in this comment, if TizenView is supported as a widget for tizen embedding, we can use it to support "Hosting tizen views in Flutter app with Platform Views". (just in my opinion)

I have not yet reviewed the discussion of the relevant interfaces and the specific plan. I have a simple plan to write a POC that renders a TizenView(elm or NUI) based on the webview's TizenView.

If you have any comments on this, please share to me.