├── linux ├── .gitignore ├── main.cc ├── flutter │ ├── generated_plugin_registrant.h │ ├── generated_plugin_registrant.cc │ ├── generated_plugins.cmake │ └── CMakeLists.txt ├── my_application.h ├── my_application.cc └── CMakeLists.txt ├── .fvm └── fvm_config.json ├── analysis_options.yaml ├── ios ├── Runner │ ├── Runner-Bridging-Header.h │ ├── Assets.xcassets │ │ ├── LaunchImage.imageset │ │ │ ├── LaunchImage.png │ │ │ ├── LaunchImage@2x.png │ │ │ ├── LaunchImage@3x.png │ │ │ ├── README.md │ │ │ └── Contents.json │ │ └── AppIcon.appiconset │ │ │ ├── Icon-App-20x20@1x.png │ │ │ ├── Icon-App-20x20@2x.png │ │ │ ├── Icon-App-20x20@3x.png │ │ │ ├── Icon-App-29x29@1x.png │ │ │ ├── Icon-App-29x29@2x.png │ │ │ ├── Icon-App-29x29@3x.png │ │ │ ├── Icon-App-40x40@1x.png │ │ │ ├── Icon-App-40x40@2x.png │ │ │ ├── Icon-App-40x40@3x.png │ │ │ ├── Icon-App-60x60@2x.png │ │ │ ├── Icon-App-60x60@3x.png │ │ │ ├── Icon-App-76x76@1x.png │ │ │ ├── Icon-App-76x76@2x.png │ │ │ ├── Icon-App-1024x1024@1x.png │ │ │ ├── Icon-App-83.5x83.5@2x.png │ │ │ └── Contents.json │ ├── AppDelegate.swift │ ├── Base.lproj │ │ ├── Main.storyboard │ │ └── LaunchScreen.storyboard │ └── Info.plist ├── Flutter │ ├── Debug.xcconfig │ ├── Release.xcconfig │ └── AppFrameworkInfo.plist ├── Runner.xcodeproj │ ├── project.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ ├── WorkspaceSettings.xcsettings │ │ │ └── IDEWorkspaceChecks.plist │ └── xcshareddata │ │ └── xcschemes │ │ └── Runner.xcscheme ├── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ ├── WorkspaceSettings.xcsettings │ │ └── IDEWorkspaceChecks.plist ├── RunnerTests │ └── RunnerTests.swift ├── .gitignore └── Podfile ├── web ├── favicon.png ├── icons │ ├── Icon-192.png │ ├── Icon-512.png │ ├── Icon-maskable-192.png │ └── Icon-maskable-512.png ├── manifest.json └── index.html ├── android ├── gradle.properties ├── app │ ├── src │ │ ├── main │ │ │ ├── res │ │ │ │ ├── mipmap-hdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── mipmap-mdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── mipmap-xhdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── mipmap-xxhdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── mipmap-xxxhdpi │ │ │ │ │ └── ic_launcher.png │ │ │ │ ├── drawable │ │ │ │ │ └── launch_background.xml │ │ │ │ ├── drawable-v21 │ │ │ │ │ └── launch_background.xml │ │ │ │ ├── values │ │ │ │ │ └── styles.xml │ │ │ │ └── values-night │ │ │ │ │ └── styles.xml │ │ │ ├── kotlin │ │ │ │ └── com │ │ │ │ │ └── example │ │ │ │ │ └── popup_playground │ │ │ │ │ └── MainActivity.kt │ │ │ └── AndroidManifest.xml │ │ ├── debug │ │ │ └── AndroidManifest.xml │ │ └── profile │ │ │ └── AndroidManifest.xml │ └── build.gradle ├── gradle │ └── wrapper │ │ └── gradle-wrapper.properties ├── .gitignore ├── build.gradle └── settings.gradle ├── macos ├── Runner │ ├── Configs │ │ ├── Debug.xcconfig │ │ ├── Release.xcconfig │ │ ├── Warnings.xcconfig │ │ └── AppInfo.xcconfig │ ├── Assets.xcassets │ │ └── AppIcon.appiconset │ │ │ ├── app_icon_1024.png │ │ │ ├── app_icon_128.png │ │ │ ├── app_icon_16.png │ │ │ ├── app_icon_256.png │ │ │ ├── app_icon_32.png │ │ │ ├── app_icon_512.png │ │ │ ├── app_icon_64.png │ │ │ └── Contents.json │ ├── AppDelegate.swift │ ├── Release.entitlements │ ├── DebugProfile.entitlements │ ├── MainFlutterWindow.swift │ └── Info.plist ├── .gitignore ├── Flutter │ ├── Flutter-Debug.xcconfig │ ├── Flutter-Release.xcconfig │ └── GeneratedPluginRegistrant.swift ├── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ └── IDEWorkspaceChecks.plist ├── Runner.xcodeproj │ ├── project.xcworkspace │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ └── xcshareddata │ │ └── xcschemes │ │ └── Runner.xcscheme ├── RunnerTests │ └── RunnerTests.swift ├── Podfile.lock └── Podfile ├── windows ├── runner │ ├── resources │ │ └── app_icon.ico │ ├── resource.h │ ├── utils.h │ ├── runner.exe.manifest │ ├── flutter_window.h │ ├── main.cpp │ ├── CMakeLists.txt │ ├── utils.cpp │ ├── flutter_window.cpp │ ├── Runner.rc │ ├── win32_window.h │ └── win32_window.cpp ├── .gitignore ├── flutter │ ├── generated_plugin_registrant.h │ ├── generated_plugin_registrant.cc │ ├── generated_plugins.cmake │ └── CMakeLists.txt └── CMakeLists.txt ├── README.md ├── pubspec.yaml ├── .gitignore ├── .metadata ├── lib ├── widgets │ ├── showcase_widgets.dart │ ├── custom_dropdown.dart │ ├── custom_tooltip.dart │ ├── enhanced_composited_transform_target.dart │ ├── popup.dart │ └── enhanced_composited_transform_follower.dart ├── main.dart ├── dropdown_menu.dart ├── dropdown_button.dart ├── menu_anchor.dart └── custom_popups.dart └── pubspec.lock /linux/.gitignore: -------------------------------------------------------------------------------- 1 | flutter/ephemeral 2 | -------------------------------------------------------------------------------- /.fvm/fvm_config.json: -------------------------------------------------------------------------------- 1 | { 2 | "flutterSdkVersion": "3.22.0" 3 | } -------------------------------------------------------------------------------- /analysis_options.yaml: -------------------------------------------------------------------------------- 1 | include: package:flutter_lints/flutter.yaml 2 | -------------------------------------------------------------------------------- /ios/Runner/Runner-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | #import "GeneratedPluginRegistrant.h" 2 | -------------------------------------------------------------------------------- /web/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/web/favicon.png -------------------------------------------------------------------------------- /web/icons/Icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/web/icons/Icon-192.png -------------------------------------------------------------------------------- /web/icons/Icon-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/web/icons/Icon-512.png -------------------------------------------------------------------------------- /android/gradle.properties: -------------------------------------------------------------------------------- 1 | org.gradle.jvmargs=-Xmx4G 2 | android.useAndroidX=true 3 | android.enableJetifier=true 4 | -------------------------------------------------------------------------------- /macos/Runner/Configs/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "../../Flutter/Flutter-Debug.xcconfig" 2 | #include "Warnings.xcconfig" 3 | -------------------------------------------------------------------------------- /macos/Runner/Configs/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "../../Flutter/Flutter-Release.xcconfig" 2 | #include "Warnings.xcconfig" 3 | -------------------------------------------------------------------------------- /web/icons/Icon-maskable-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/web/icons/Icon-maskable-192.png -------------------------------------------------------------------------------- /web/icons/Icon-maskable-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/web/icons/Icon-maskable-512.png -------------------------------------------------------------------------------- /macos/.gitignore: -------------------------------------------------------------------------------- 1 | # Flutter-related 2 | **/Flutter/ephemeral/ 3 | **/Pods/ 4 | 5 | # Xcode-related 6 | **/dgph 7 | **/xcuserdata/ 8 | -------------------------------------------------------------------------------- /windows/runner/resources/app_icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/windows/runner/resources/app_icon.ico -------------------------------------------------------------------------------- /ios/Flutter/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" 2 | #include "Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig" 2 | #include "Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Popup Playground 2 | 3 | A Flutter project that demonstrates the capabilities of Flutter SDK to build different variations of popups. 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /macos/Flutter/Flutter-Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" 2 | #include "ephemeral/Flutter-Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /macos/Flutter/Flutter-Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig" 2 | #include "ephemeral/Flutter-Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/popup_playground/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /linux/main.cc: -------------------------------------------------------------------------------- 1 | #include "my_application.h" 2 | 3 | int main(int argc, char** argv) { 4 | g_autoptr(MyApplication) app = my_application_new(); 5 | return g_application_run(G_APPLICATION(app), argc, argv); 6 | } 7 | -------------------------------------------------------------------------------- /android/app/src/main/kotlin/com/example/popup_playground/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.popup_playground 2 | 3 | import io.flutter.embedding.android.FlutterActivity 4 | 5 | class MainActivity: FlutterActivity() 6 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip 6 | -------------------------------------------------------------------------------- /macos/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | 4 | @NSApplicationMain 5 | class AppDelegate: FlutterAppDelegate { 6 | override func applicationShouldTerminateAfterLastWindowClosed(_ sender: NSApplication) -> Bool { 7 | return true 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /macos/Runner/Release.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.app-sandbox 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /macos/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /macos/Flutter/GeneratedPluginRegistrant.swift: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | import FlutterMacOS 6 | import Foundation 7 | 8 | import url_launcher_macos 9 | 10 | func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) { 11 | UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin")) 12 | } 13 | -------------------------------------------------------------------------------- /android/.gitignore: -------------------------------------------------------------------------------- 1 | gradle-wrapper.jar 2 | /.gradle 3 | /captures/ 4 | /gradlew 5 | /gradlew.bat 6 | /local.properties 7 | GeneratedPluginRegistrant.java 8 | 9 | # Remember to never publicly share your keystore. 10 | # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app 11 | key.properties 12 | **/*.keystore 13 | **/*.jks 14 | -------------------------------------------------------------------------------- /ios/RunnerTests/RunnerTests.swift: -------------------------------------------------------------------------------- 1 | import Flutter 2 | import UIKit 3 | import XCTest 4 | 5 | class RunnerTests: XCTestCase { 6 | 7 | func testExample() { 8 | // If you add code to the Runner application, consider adding tests here. 9 | // See https://developer.apple.com/documentation/xctest for more information about using XCTest. 10 | } 11 | 12 | } 13 | -------------------------------------------------------------------------------- /macos/RunnerTests/RunnerTests.swift: -------------------------------------------------------------------------------- 1 | import FlutterMacOS 2 | import Cocoa 3 | import XCTest 4 | 5 | class RunnerTests: XCTestCase { 6 | 7 | func testExample() { 8 | // If you add code to the Runner application, consider adding tests here. 9 | // See https://developer.apple.com/documentation/xctest for more information about using XCTest. 10 | } 11 | 12 | } 13 | -------------------------------------------------------------------------------- /windows/.gitignore: -------------------------------------------------------------------------------- 1 | flutter/ephemeral/ 2 | 3 | # Visual Studio user-specific files. 4 | *.suo 5 | *.user 6 | *.userosscache 7 | *.sln.docstates 8 | 9 | # Visual Studio build-related files. 10 | x64/ 11 | x86/ 12 | 13 | # Visual Studio cache files 14 | # files ending in .cache can be ignored 15 | *.[Cc]ache 16 | # but keep track of directories ending in .cache 17 | !*.[Cc]ache/ 18 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md: -------------------------------------------------------------------------------- 1 | # Launch Screen Assets 2 | 3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory. 4 | 5 | You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images. -------------------------------------------------------------------------------- /linux/flutter/generated_plugin_registrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GENERATED_PLUGIN_REGISTRANT_ 8 | #define GENERATED_PLUGIN_REGISTRANT_ 9 | 10 | #include 11 | 12 | // Registers Flutter plugins. 13 | void fl_register_plugins(FlPluginRegistry* registry); 14 | 15 | #endif // GENERATED_PLUGIN_REGISTRANT_ 16 | -------------------------------------------------------------------------------- /windows/flutter/generated_plugin_registrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GENERATED_PLUGIN_REGISTRANT_ 8 | #define GENERATED_PLUGIN_REGISTRANT_ 9 | 10 | #include 11 | 12 | // Registers Flutter plugins. 13 | void RegisterPlugins(flutter::PluginRegistry* registry); 14 | 15 | #endif // GENERATED_PLUGIN_REGISTRANT_ 16 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | allprojects { 2 | repositories { 3 | google() 4 | mavenCentral() 5 | } 6 | } 7 | 8 | rootProject.buildDir = '../build' 9 | subprojects { 10 | project.buildDir = "${rootProject.buildDir}/${project.name}" 11 | } 12 | subprojects { 13 | project.evaluationDependsOn(':app') 14 | } 15 | 16 | tasks.register("clean", Delete) { 17 | delete rootProject.buildDir 18 | } 19 | -------------------------------------------------------------------------------- /windows/flutter/generated_plugin_registrant.cc: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #include "generated_plugin_registrant.h" 8 | 9 | #include 10 | 11 | void RegisterPlugins(flutter::PluginRegistry* registry) { 12 | UrlLauncherWindowsRegisterWithRegistrar( 13 | registry->GetRegistrarForPlugin("UrlLauncherWindows")); 14 | } 15 | -------------------------------------------------------------------------------- /android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /macos/Runner/DebugProfile.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.app-sandbox 6 | 7 | com.apple.security.cs.allow-jit 8 | 9 | com.apple.security.network.server 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /android/app/src/profile/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | import Flutter 3 | 4 | @UIApplicationMain 5 | @objc class AppDelegate: FlutterAppDelegate { 6 | override func application( 7 | _ application: UIApplication, 8 | didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? 9 | ) -> Bool { 10 | GeneratedPluginRegistrant.register(with: self) 11 | return super.application(application, didFinishLaunchingWithOptions: launchOptions) 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /linux/my_application.h: -------------------------------------------------------------------------------- 1 | #ifndef FLUTTER_MY_APPLICATION_H_ 2 | #define FLUTTER_MY_APPLICATION_H_ 3 | 4 | #include 5 | 6 | G_DECLARE_FINAL_TYPE(MyApplication, my_application, MY, APPLICATION, 7 | GtkApplication) 8 | 9 | /** 10 | * my_application_new: 11 | * 12 | * Creates a new Flutter-based application. 13 | * 14 | * Returns: a new #MyApplication. 15 | */ 16 | MyApplication* my_application_new(); 17 | 18 | #endif // FLUTTER_MY_APPLICATION_H_ 19 | -------------------------------------------------------------------------------- /macos/Runner/MainFlutterWindow.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | 4 | class MainFlutterWindow: NSWindow { 5 | override func awakeFromNib() { 6 | let flutterViewController = FlutterViewController() 7 | let windowFrame = self.frame 8 | self.contentViewController = flutterViewController 9 | self.setFrame(windowFrame, display: true) 10 | 11 | RegisterGeneratedPlugins(registry: flutterViewController) 12 | 13 | super.awakeFromNib() 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: popup_playground 2 | description: "A new Flutter project." 3 | publish_to: 'none' 4 | version: 0.1.0 5 | 6 | environment: 7 | sdk: '>=3.3.0 <4.0.0' 8 | 9 | dependencies: 10 | flutter: 11 | sdk: flutter 12 | flutter_portal: ^1.1.4 13 | intl: ^0.19.0 14 | url_launcher: ^6.2.6 15 | vector_math: any 16 | 17 | dev_dependencies: 18 | flutter_test: 19 | sdk: flutter 20 | flutter_lints: ^3.0.0 21 | 22 | flutter: 23 | uses-material-design: true 24 | -------------------------------------------------------------------------------- /windows/runner/resource.h: -------------------------------------------------------------------------------- 1 | //{{NO_DEPENDENCIES}} 2 | // Microsoft Visual C++ generated include file. 3 | // Used by Runner.rc 4 | // 5 | #define IDI_APP_ICON 101 6 | 7 | // Next default values for new objects 8 | // 9 | #ifdef APSTUDIO_INVOKED 10 | #ifndef APSTUDIO_READONLY_SYMBOLS 11 | #define _APS_NEXT_RESOURCE_VALUE 102 12 | #define _APS_NEXT_COMMAND_VALUE 40001 13 | #define _APS_NEXT_CONTROL_VALUE 1001 14 | #define _APS_NEXT_SYMED_VALUE 101 15 | #endif 16 | #endif 17 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable-v21/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /linux/flutter/generated_plugin_registrant.cc: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #include "generated_plugin_registrant.h" 8 | 9 | #include 10 | 11 | void fl_register_plugins(FlPluginRegistry* registry) { 12 | g_autoptr(FlPluginRegistrar) url_launcher_linux_registrar = 13 | fl_plugin_registry_get_registrar_for_plugin(registry, "UrlLauncherPlugin"); 14 | url_launcher_plugin_register_with_registrar(url_launcher_linux_registrar); 15 | } 16 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "LaunchImage.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "LaunchImage@2x.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "LaunchImage@3x.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /macos/Runner/Configs/Warnings.xcconfig: -------------------------------------------------------------------------------- 1 | WARNING_CFLAGS = -Wall -Wconditional-uninitialized -Wnullable-to-nonnull-conversion -Wmissing-method-return-type -Woverlength-strings 2 | GCC_WARN_UNDECLARED_SELECTOR = YES 3 | CLANG_UNDEFINED_BEHAVIOR_SANITIZER_NULLABILITY = YES 4 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE 5 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES 6 | CLANG_WARN_PRAGMA_PACK = YES 7 | CLANG_WARN_STRICT_PROTOTYPES = YES 8 | CLANG_WARN_COMMA = YES 9 | GCC_WARN_STRICT_SELECTOR_MATCH = YES 10 | CLANG_WARN_OBJC_REPEATED_USE_OF_WEAK = YES 11 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES 12 | GCC_WARN_SHADOW = YES 13 | CLANG_WARN_UNREACHABLE_CODE = YES 14 | -------------------------------------------------------------------------------- /macos/Runner/Configs/AppInfo.xcconfig: -------------------------------------------------------------------------------- 1 | // Application-level settings for the Runner target. 2 | // 3 | // This may be replaced with something auto-generated from metadata (e.g., pubspec.yaml) in the 4 | // future. If not, the values below would default to using the project name when this becomes a 5 | // 'flutter create' template. 6 | 7 | // The application's name. By default this is also the title of the Flutter window. 8 | PRODUCT_NAME = popup_playground 9 | 10 | // The application's bundle identifier 11 | PRODUCT_BUNDLE_IDENTIFIER = com.example.popupPlayground 12 | 13 | // The copyright displayed in application information 14 | PRODUCT_COPYRIGHT = Copyright © 2024 com.example. All rights reserved. 15 | -------------------------------------------------------------------------------- /macos/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - FlutterMacOS (1.0.0) 3 | - url_launcher_macos (0.0.1): 4 | - FlutterMacOS 5 | 6 | DEPENDENCIES: 7 | - FlutterMacOS (from `Flutter/ephemeral`) 8 | - url_launcher_macos (from `Flutter/ephemeral/.symlinks/plugins/url_launcher_macos/macos`) 9 | 10 | EXTERNAL SOURCES: 11 | FlutterMacOS: 12 | :path: Flutter/ephemeral 13 | url_launcher_macos: 14 | :path: Flutter/ephemeral/.symlinks/plugins/url_launcher_macos/macos 15 | 16 | SPEC CHECKSUMS: 17 | FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24 18 | url_launcher_macos: 5f437abeda8c85500ceb03f5c1938a8c5a705399 19 | 20 | PODFILE CHECKSUM: 236401fc2c932af29a9fcf0e97baeeb2d750d367 21 | 22 | COCOAPODS: 1.13.0 23 | -------------------------------------------------------------------------------- /ios/.gitignore: -------------------------------------------------------------------------------- 1 | **/dgph 2 | *.mode1v3 3 | *.mode2v3 4 | *.moved-aside 5 | *.pbxuser 6 | *.perspectivev3 7 | **/*sync/ 8 | .sconsign.dblite 9 | .tags* 10 | **/.vagrant/ 11 | **/DerivedData/ 12 | Icon? 13 | **/Pods/ 14 | **/.symlinks/ 15 | profile 16 | xcuserdata 17 | **/.generated/ 18 | Flutter/App.framework 19 | Flutter/Flutter.framework 20 | Flutter/Flutter.podspec 21 | Flutter/Generated.xcconfig 22 | Flutter/ephemeral/ 23 | Flutter/app.flx 24 | Flutter/app.zip 25 | Flutter/flutter_assets/ 26 | Flutter/flutter_export_environment.sh 27 | ServiceDefinitions.json 28 | Runner/GeneratedPluginRegistrant.* 29 | 30 | # Exceptions to above rules. 31 | !default.mode1v3 32 | !default.mode2v3 33 | !default.pbxuser 34 | !default.perspectivev3 35 | -------------------------------------------------------------------------------- /windows/runner/utils.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_UTILS_H_ 2 | #define RUNNER_UTILS_H_ 3 | 4 | #include 5 | #include 6 | 7 | // Creates a console for the process, and redirects stdout and stderr to 8 | // it for both the runner and the Flutter library. 9 | void CreateAndAttachConsole(); 10 | 11 | // Takes a null-terminated wchar_t* encoded in UTF-16 and returns a std::string 12 | // encoded in UTF-8. Returns an empty std::string on failure. 13 | std::string Utf8FromUtf16(const wchar_t* utf16_string); 14 | 15 | // Gets the command line arguments passed in as a std::vector, 16 | // encoded in UTF-8. Returns an empty std::vector on failure. 17 | std::vector GetCommandLineArguments(); 18 | 19 | #endif // RUNNER_UTILS_H_ 20 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | migrate_working_dir/ 12 | 13 | # IntelliJ related 14 | *.iml 15 | *.ipr 16 | *.iws 17 | .idea/ 18 | 19 | # The .vscode folder contains launch configuration and tasks you configure in 20 | # VS Code which you may wish to be included in version control, so this line 21 | # is commented out by default. 22 | #.vscode/ 23 | 24 | # Flutter/Dart/Pub related 25 | **/doc/api/ 26 | **/ios/Flutter/.last_build_id 27 | .dart_tool/ 28 | .flutter-plugins 29 | .flutter-plugins-dependencies 30 | .pub-cache/ 31 | .pub/ 32 | /build/ 33 | 34 | # Symbolication related 35 | app.*.symbols 36 | 37 | # Obfuscation related 38 | app.*.map.json 39 | 40 | # Android Studio will place build artifacts here 41 | /android/app/debug 42 | /android/app/profile 43 | /android/app/release 44 | -------------------------------------------------------------------------------- /linux/flutter/generated_plugins.cmake: -------------------------------------------------------------------------------- 1 | # 2 | # Generated file, do not edit. 3 | # 4 | 5 | list(APPEND FLUTTER_PLUGIN_LIST 6 | url_launcher_linux 7 | ) 8 | 9 | list(APPEND FLUTTER_FFI_PLUGIN_LIST 10 | ) 11 | 12 | set(PLUGIN_BUNDLED_LIBRARIES) 13 | 14 | foreach(plugin ${FLUTTER_PLUGIN_LIST}) 15 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/linux plugins/${plugin}) 16 | target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) 17 | list(APPEND PLUGIN_BUNDLED_LIBRARIES $) 18 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) 19 | endforeach(plugin) 20 | 21 | foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) 22 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/linux plugins/${ffi_plugin}) 23 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) 24 | endforeach(ffi_plugin) 25 | -------------------------------------------------------------------------------- /windows/flutter/generated_plugins.cmake: -------------------------------------------------------------------------------- 1 | # 2 | # Generated file, do not edit. 3 | # 4 | 5 | list(APPEND FLUTTER_PLUGIN_LIST 6 | url_launcher_windows 7 | ) 8 | 9 | list(APPEND FLUTTER_FFI_PLUGIN_LIST 10 | ) 11 | 12 | set(PLUGIN_BUNDLED_LIBRARIES) 13 | 14 | foreach(plugin ${FLUTTER_PLUGIN_LIST}) 15 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/windows plugins/${plugin}) 16 | target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) 17 | list(APPEND PLUGIN_BUNDLED_LIBRARIES $) 18 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) 19 | endforeach(plugin) 20 | 21 | foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) 22 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/windows plugins/${ffi_plugin}) 23 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) 24 | endforeach(ffi_plugin) 25 | -------------------------------------------------------------------------------- /ios/Flutter/AppFrameworkInfo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | App 9 | CFBundleIdentifier 10 | io.flutter.flutter.app 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | App 15 | CFBundlePackageType 16 | FMWK 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | MinimumOSVersion 24 | 12.0 25 | 26 | 27 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | pluginManagement { 2 | def flutterSdkPath = { 3 | def properties = new Properties() 4 | file("local.properties").withInputStream { properties.load(it) } 5 | def flutterSdkPath = properties.getProperty("flutter.sdk") 6 | assert flutterSdkPath != null, "flutter.sdk not set in local.properties" 7 | return flutterSdkPath 8 | } 9 | settings.ext.flutterSdkPath = flutterSdkPath() 10 | 11 | includeBuild("${settings.ext.flutterSdkPath}/packages/flutter_tools/gradle") 12 | 13 | repositories { 14 | google() 15 | mavenCentral() 16 | gradlePluginPortal() 17 | } 18 | } 19 | 20 | plugins { 21 | id "dev.flutter.flutter-plugin-loader" version "1.0.0" 22 | id "com.android.application" version "7.3.0" apply false 23 | id "org.jetbrains.kotlin.android" version "1.7.10" apply false 24 | } 25 | 26 | include ":app" 27 | -------------------------------------------------------------------------------- /windows/runner/runner.exe.manifest: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PerMonitorV2 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /web/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "popup_playground", 3 | "short_name": "popup_playground", 4 | "start_url": ".", 5 | "display": "standalone", 6 | "background_color": "#0175C2", 7 | "theme_color": "#0175C2", 8 | "description": "A new Flutter project.", 9 | "orientation": "portrait-primary", 10 | "prefer_related_applications": false, 11 | "icons": [ 12 | { 13 | "src": "icons/Icon-192.png", 14 | "sizes": "192x192", 15 | "type": "image/png" 16 | }, 17 | { 18 | "src": "icons/Icon-512.png", 19 | "sizes": "512x512", 20 | "type": "image/png" 21 | }, 22 | { 23 | "src": "icons/Icon-maskable-192.png", 24 | "sizes": "192x192", 25 | "type": "image/png", 26 | "purpose": "maskable" 27 | }, 28 | { 29 | "src": "icons/Icon-maskable-512.png", 30 | "sizes": "512x512", 31 | "type": "image/png", 32 | "purpose": "maskable" 33 | } 34 | ] 35 | } 36 | -------------------------------------------------------------------------------- /windows/runner/flutter_window.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_FLUTTER_WINDOW_H_ 2 | #define RUNNER_FLUTTER_WINDOW_H_ 3 | 4 | #include 5 | #include 6 | 7 | #include 8 | 9 | #include "win32_window.h" 10 | 11 | // A window that does nothing but host a Flutter view. 12 | class FlutterWindow : public Win32Window { 13 | public: 14 | // Creates a new FlutterWindow hosting a Flutter view running |project|. 15 | explicit FlutterWindow(const flutter::DartProject& project); 16 | virtual ~FlutterWindow(); 17 | 18 | protected: 19 | // Win32Window: 20 | bool OnCreate() override; 21 | void OnDestroy() override; 22 | LRESULT MessageHandler(HWND window, UINT const message, WPARAM const wparam, 23 | LPARAM const lparam) noexcept override; 24 | 25 | private: 26 | // The project to run. 27 | flutter::DartProject project_; 28 | 29 | // The Flutter instance hosted by this window. 30 | std::unique_ptr flutter_controller_; 31 | }; 32 | 33 | #endif // RUNNER_FLUTTER_WINDOW_H_ 34 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /android/app/src/main/res/values-night/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /macos/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIconFile 10 | 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(FLUTTER_BUILD_NAME) 21 | CFBundleVersion 22 | $(FLUTTER_BUILD_NUMBER) 23 | LSMinimumSystemVersion 24 | $(MACOSX_DEPLOYMENT_TARGET) 25 | NSHumanReadableCopyright 26 | $(PRODUCT_COPYRIGHT) 27 | NSMainNibFile 28 | MainMenu 29 | NSPrincipalClass 30 | NSApplication 31 | 32 | 33 | -------------------------------------------------------------------------------- /windows/runner/main.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | #include 4 | 5 | #include "flutter_window.h" 6 | #include "utils.h" 7 | 8 | int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev, 9 | _In_ wchar_t *command_line, _In_ int show_command) { 10 | // Attach to console when present (e.g., 'flutter run') or create a 11 | // new console when running with a debugger. 12 | if (!::AttachConsole(ATTACH_PARENT_PROCESS) && ::IsDebuggerPresent()) { 13 | CreateAndAttachConsole(); 14 | } 15 | 16 | // Initialize COM, so that it is available for use in the library and/or 17 | // plugins. 18 | ::CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED); 19 | 20 | flutter::DartProject project(L"data"); 21 | 22 | std::vector command_line_arguments = 23 | GetCommandLineArguments(); 24 | 25 | project.set_dart_entrypoint_arguments(std::move(command_line_arguments)); 26 | 27 | FlutterWindow window(project); 28 | Win32Window::Point origin(10, 10); 29 | Win32Window::Size size(1280, 720); 30 | if (!window.Create(L"popup_playground", origin, size)) { 31 | return EXIT_FAILURE; 32 | } 33 | window.SetQuitOnClose(true); 34 | 35 | ::MSG msg; 36 | while (::GetMessage(&msg, nullptr, 0, 0)) { 37 | ::TranslateMessage(&msg); 38 | ::DispatchMessage(&msg); 39 | } 40 | 41 | ::CoUninitialize(); 42 | return EXIT_SUCCESS; 43 | } 44 | -------------------------------------------------------------------------------- /macos/Podfile: -------------------------------------------------------------------------------- 1 | platform :osx, '10.14' 2 | 3 | # CocoaPods analytics sends network stats synchronously affecting flutter build latency. 4 | ENV['COCOAPODS_DISABLE_STATS'] = 'true' 5 | 6 | project 'Runner', { 7 | 'Debug' => :debug, 8 | 'Profile' => :release, 9 | 'Release' => :release, 10 | } 11 | 12 | def flutter_root 13 | generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'ephemeral', 'Flutter-Generated.xcconfig'), __FILE__) 14 | unless File.exist?(generated_xcode_build_settings_path) 15 | raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure \"flutter pub get\" is executed first" 16 | end 17 | 18 | File.foreach(generated_xcode_build_settings_path) do |line| 19 | matches = line.match(/FLUTTER_ROOT\=(.*)/) 20 | return matches[1].strip if matches 21 | end 22 | raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Flutter-Generated.xcconfig, then run \"flutter pub get\"" 23 | end 24 | 25 | require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root) 26 | 27 | flutter_macos_podfile_setup 28 | 29 | target 'Runner' do 30 | use_frameworks! 31 | use_modular_headers! 32 | 33 | flutter_install_all_macos_pods File.dirname(File.realpath(__FILE__)) 34 | target 'RunnerTests' do 35 | inherit! :search_paths 36 | end 37 | end 38 | 39 | post_install do |installer| 40 | installer.pods_project.targets.each do |target| 41 | flutter_additional_macos_build_settings(target) 42 | end 43 | end 44 | -------------------------------------------------------------------------------- /ios/Podfile: -------------------------------------------------------------------------------- 1 | # Uncomment this line to define a global platform for your project 2 | # platform :ios, '12.0' 3 | 4 | # CocoaPods analytics sends network stats synchronously affecting flutter build latency. 5 | ENV['COCOAPODS_DISABLE_STATS'] = 'true' 6 | 7 | project 'Runner', { 8 | 'Debug' => :debug, 9 | 'Profile' => :release, 10 | 'Release' => :release, 11 | } 12 | 13 | def flutter_root 14 | generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__) 15 | unless File.exist?(generated_xcode_build_settings_path) 16 | raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first" 17 | end 18 | 19 | File.foreach(generated_xcode_build_settings_path) do |line| 20 | matches = line.match(/FLUTTER_ROOT\=(.*)/) 21 | return matches[1].strip if matches 22 | end 23 | raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get" 24 | end 25 | 26 | require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root) 27 | 28 | flutter_ios_podfile_setup 29 | 30 | target 'Runner' do 31 | use_frameworks! 32 | use_modular_headers! 33 | 34 | flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__)) 35 | target 'RunnerTests' do 36 | inherit! :search_paths 37 | end 38 | end 39 | 40 | post_install do |installer| 41 | installer.pods_project.targets.each do |target| 42 | flutter_additional_ios_build_settings(target) 43 | end 44 | end 45 | -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "16x16", 5 | "idiom" : "mac", 6 | "filename" : "app_icon_16.png", 7 | "scale" : "1x" 8 | }, 9 | { 10 | "size" : "16x16", 11 | "idiom" : "mac", 12 | "filename" : "app_icon_32.png", 13 | "scale" : "2x" 14 | }, 15 | { 16 | "size" : "32x32", 17 | "idiom" : "mac", 18 | "filename" : "app_icon_32.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "32x32", 23 | "idiom" : "mac", 24 | "filename" : "app_icon_64.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "128x128", 29 | "idiom" : "mac", 30 | "filename" : "app_icon_128.png", 31 | "scale" : "1x" 32 | }, 33 | { 34 | "size" : "128x128", 35 | "idiom" : "mac", 36 | "filename" : "app_icon_256.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "256x256", 41 | "idiom" : "mac", 42 | "filename" : "app_icon_256.png", 43 | "scale" : "1x" 44 | }, 45 | { 46 | "size" : "256x256", 47 | "idiom" : "mac", 48 | "filename" : "app_icon_512.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "512x512", 53 | "idiom" : "mac", 54 | "filename" : "app_icon_512.png", 55 | "scale" : "1x" 56 | }, 57 | { 58 | "size" : "512x512", 59 | "idiom" : "mac", 60 | "filename" : "app_icon_1024.png", 61 | "scale" : "2x" 62 | } 63 | ], 64 | "info" : { 65 | "version" : 1, 66 | "author" : "xcode" 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleDisplayName 8 | Popup Playground 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | popup_playground 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(FLUTTER_BUILD_NAME) 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | $(FLUTTER_BUILD_NUMBER) 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIMainStoryboardFile 30 | Main 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UISupportedInterfaceOrientations~ipad 38 | 39 | UIInterfaceOrientationPortrait 40 | UIInterfaceOrientationPortraitUpsideDown 41 | UIInterfaceOrientationLandscapeLeft 42 | UIInterfaceOrientationLandscapeRight 43 | 44 | CADisableMinimumFrameDurationOnPhone 45 | 46 | UIApplicationSupportsIndirectInputEvents 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: "bae5e49bc2a867403c43b2aae2de8f8c33b037e4" 8 | channel: "stable" 9 | 10 | project_type: app 11 | 12 | # Tracks metadata for the flutter migrate command 13 | migration: 14 | platforms: 15 | - platform: root 16 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 17 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 18 | - platform: android 19 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 20 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 21 | - platform: ios 22 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 23 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 24 | - platform: linux 25 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 26 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 27 | - platform: macos 28 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 29 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 30 | - platform: web 31 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 32 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 33 | - platform: windows 34 | create_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 35 | base_revision: bae5e49bc2a867403c43b2aae2de8f8c33b037e4 36 | 37 | # User provided section 38 | 39 | # List of Local paths (relative to this file) that should be 40 | # ignored by the migrate tool. 41 | # 42 | # Files that are not part of the templates will be ignored by default. 43 | unmanaged_files: 44 | - 'lib/main.dart' 45 | - 'ios/Runner.xcodeproj/project.pbxproj' 46 | -------------------------------------------------------------------------------- /windows/runner/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | cmake_minimum_required(VERSION 3.14) 2 | project(runner LANGUAGES CXX) 3 | 4 | # Define the application target. To change its name, change BINARY_NAME in the 5 | # top-level CMakeLists.txt, not the value here, or `flutter run` will no longer 6 | # work. 7 | # 8 | # Any new source files that you add to the application should be added here. 9 | add_executable(${BINARY_NAME} WIN32 10 | "flutter_window.cpp" 11 | "main.cpp" 12 | "utils.cpp" 13 | "win32_window.cpp" 14 | "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" 15 | "Runner.rc" 16 | "runner.exe.manifest" 17 | ) 18 | 19 | # Apply the standard set of build settings. This can be removed for applications 20 | # that need different build settings. 21 | apply_standard_settings(${BINARY_NAME}) 22 | 23 | # Add preprocessor definitions for the build version. 24 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION=\"${FLUTTER_VERSION}\"") 25 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MAJOR=${FLUTTER_VERSION_MAJOR}") 26 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MINOR=${FLUTTER_VERSION_MINOR}") 27 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_PATCH=${FLUTTER_VERSION_PATCH}") 28 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_BUILD=${FLUTTER_VERSION_BUILD}") 29 | 30 | # Disable Windows macros that collide with C++ standard library functions. 31 | target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX") 32 | 33 | # Add dependency libraries and include directories. Add any application-specific 34 | # dependencies here. 35 | target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app) 36 | target_link_libraries(${BINARY_NAME} PRIVATE "dwmapi.lib") 37 | target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}") 38 | 39 | # Run the Flutter tool portions of the build. This must not be removed. 40 | add_dependencies(${BINARY_NAME} flutter_assemble) 41 | -------------------------------------------------------------------------------- /windows/runner/utils.cpp: -------------------------------------------------------------------------------- 1 | #include "utils.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | #include 9 | 10 | void CreateAndAttachConsole() { 11 | if (::AllocConsole()) { 12 | FILE *unused; 13 | if (freopen_s(&unused, "CONOUT$", "w", stdout)) { 14 | _dup2(_fileno(stdout), 1); 15 | } 16 | if (freopen_s(&unused, "CONOUT$", "w", stderr)) { 17 | _dup2(_fileno(stdout), 2); 18 | } 19 | std::ios::sync_with_stdio(); 20 | FlutterDesktopResyncOutputStreams(); 21 | } 22 | } 23 | 24 | std::vector GetCommandLineArguments() { 25 | // Convert the UTF-16 command line arguments to UTF-8 for the Engine to use. 26 | int argc; 27 | wchar_t** argv = ::CommandLineToArgvW(::GetCommandLineW(), &argc); 28 | if (argv == nullptr) { 29 | return std::vector(); 30 | } 31 | 32 | std::vector command_line_arguments; 33 | 34 | // Skip the first argument as it's the binary name. 35 | for (int i = 1; i < argc; i++) { 36 | command_line_arguments.push_back(Utf8FromUtf16(argv[i])); 37 | } 38 | 39 | ::LocalFree(argv); 40 | 41 | return command_line_arguments; 42 | } 43 | 44 | std::string Utf8FromUtf16(const wchar_t* utf16_string) { 45 | if (utf16_string == nullptr) { 46 | return std::string(); 47 | } 48 | int target_length = ::WideCharToMultiByte( 49 | CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, 50 | -1, nullptr, 0, nullptr, nullptr) 51 | -1; // remove the trailing null character 52 | int input_length = (int)wcslen(utf16_string); 53 | std::string utf8_string; 54 | if (target_length <= 0 || target_length > utf8_string.max_size()) { 55 | return utf8_string; 56 | } 57 | utf8_string.resize(target_length); 58 | int converted_length = ::WideCharToMultiByte( 59 | CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, 60 | input_length, utf8_string.data(), target_length, nullptr, nullptr); 61 | if (converted_length == 0) { 62 | return std::string(); 63 | } 64 | return utf8_string; 65 | } 66 | -------------------------------------------------------------------------------- /web/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | popup_playground 33 | 34 | 35 | 39 | 40 | 41 | 42 | 43 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id "com.android.application" 3 | id "kotlin-android" 4 | id "dev.flutter.flutter-gradle-plugin" 5 | } 6 | 7 | def localProperties = new Properties() 8 | def localPropertiesFile = rootProject.file('local.properties') 9 | if (localPropertiesFile.exists()) { 10 | localPropertiesFile.withReader('UTF-8') { reader -> 11 | localProperties.load(reader) 12 | } 13 | } 14 | 15 | def flutterVersionCode = localProperties.getProperty('flutter.versionCode') 16 | if (flutterVersionCode == null) { 17 | flutterVersionCode = '1' 18 | } 19 | 20 | def flutterVersionName = localProperties.getProperty('flutter.versionName') 21 | if (flutterVersionName == null) { 22 | flutterVersionName = '1.0' 23 | } 24 | 25 | android { 26 | namespace "com.example.popup_playground" 27 | compileSdk flutter.compileSdkVersion 28 | ndkVersion flutter.ndkVersion 29 | 30 | compileOptions { 31 | sourceCompatibility JavaVersion.VERSION_1_8 32 | targetCompatibility JavaVersion.VERSION_1_8 33 | } 34 | 35 | kotlinOptions { 36 | jvmTarget = '1.8' 37 | } 38 | 39 | sourceSets { 40 | main.java.srcDirs += 'src/main/kotlin' 41 | } 42 | 43 | defaultConfig { 44 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). 45 | applicationId "com.example.popup_playground" 46 | // You can update the following values to match your application needs. 47 | // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration. 48 | minSdkVersion flutter.minSdkVersion 49 | targetSdkVersion flutter.targetSdkVersion 50 | versionCode flutterVersionCode.toInteger() 51 | versionName flutterVersionName 52 | } 53 | 54 | buildTypes { 55 | release { 56 | // TODO: Add your own signing config for the release build. 57 | // Signing with the debug keys for now, so `flutter run --release` works. 58 | signingConfig signingConfigs.debug 59 | } 60 | } 61 | } 62 | 63 | flutter { 64 | source '../..' 65 | } 66 | 67 | dependencies {} 68 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 14 | 18 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | 32 | 33 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /windows/runner/flutter_window.cpp: -------------------------------------------------------------------------------- 1 | #include "flutter_window.h" 2 | 3 | #include 4 | 5 | #include "flutter/generated_plugin_registrant.h" 6 | 7 | FlutterWindow::FlutterWindow(const flutter::DartProject& project) 8 | : project_(project) {} 9 | 10 | FlutterWindow::~FlutterWindow() {} 11 | 12 | bool FlutterWindow::OnCreate() { 13 | if (!Win32Window::OnCreate()) { 14 | return false; 15 | } 16 | 17 | RECT frame = GetClientArea(); 18 | 19 | // The size here must match the window dimensions to avoid unnecessary surface 20 | // creation / destruction in the startup path. 21 | flutter_controller_ = std::make_unique( 22 | frame.right - frame.left, frame.bottom - frame.top, project_); 23 | // Ensure that basic setup of the controller was successful. 24 | if (!flutter_controller_->engine() || !flutter_controller_->view()) { 25 | return false; 26 | } 27 | RegisterPlugins(flutter_controller_->engine()); 28 | SetChildContent(flutter_controller_->view()->GetNativeWindow()); 29 | 30 | flutter_controller_->engine()->SetNextFrameCallback([&]() { 31 | this->Show(); 32 | }); 33 | 34 | // Flutter can complete the first frame before the "show window" callback is 35 | // registered. The following call ensures a frame is pending to ensure the 36 | // window is shown. It is a no-op if the first frame hasn't completed yet. 37 | flutter_controller_->ForceRedraw(); 38 | 39 | return true; 40 | } 41 | 42 | void FlutterWindow::OnDestroy() { 43 | if (flutter_controller_) { 44 | flutter_controller_ = nullptr; 45 | } 46 | 47 | Win32Window::OnDestroy(); 48 | } 49 | 50 | LRESULT 51 | FlutterWindow::MessageHandler(HWND hwnd, UINT const message, 52 | WPARAM const wparam, 53 | LPARAM const lparam) noexcept { 54 | // Give Flutter, including plugins, an opportunity to handle window messages. 55 | if (flutter_controller_) { 56 | std::optional result = 57 | flutter_controller_->HandleTopLevelWindowProc(hwnd, message, wparam, 58 | lparam); 59 | if (result) { 60 | return *result; 61 | } 62 | } 63 | 64 | switch (message) { 65 | case WM_FONTCHANGE: 66 | flutter_controller_->engine()->ReloadSystemFonts(); 67 | break; 68 | } 69 | 70 | return Win32Window::MessageHandler(hwnd, message, wparam, lparam); 71 | } 72 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /lib/widgets/showcase_widgets.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class WidgetWithTitle extends StatelessWidget { 4 | const WidgetWithTitle({ 5 | super.key, 6 | required this.title, 7 | required this.child, 8 | }); 9 | 10 | final String title; 11 | final Widget child; 12 | 13 | @override 14 | Widget build(BuildContext context) => Column( 15 | mainAxisSize: MainAxisSize.min, 16 | children: [ 17 | Text(title, style: Theme.of(context).textTheme.titleMedium), 18 | child, 19 | ], 20 | ); 21 | } 22 | 23 | class WidgetWithDescription extends StatelessWidget { 24 | const WidgetWithDescription({ 25 | required this.title, 26 | required this.description, 27 | required this.child, 28 | required this.expanded, 29 | super.key, 30 | }); 31 | 32 | final String title; 33 | final String description; 34 | final Widget child; 35 | final bool expanded; 36 | 37 | @override 38 | Widget build(BuildContext context) => Card.outlined( 39 | margin: EdgeInsets.zero, 40 | child: Padding( 41 | padding: const EdgeInsets.all(16), 42 | child: Builder( 43 | builder: (context) { 44 | if (expanded) { 45 | return Row( 46 | children: [ 47 | Expanded( 48 | child: Column( 49 | crossAxisAlignment: CrossAxisAlignment.start, 50 | mainAxisSize: MainAxisSize.min, 51 | children: [ 52 | Text(title, style: Theme.of(context).textTheme.titleMedium), 53 | Text(description, style: Theme.of(context).textTheme.bodyMedium), 54 | ], 55 | ), 56 | ), 57 | const SizedBox(width: 16), 58 | child, 59 | ], 60 | ); 61 | } 62 | 63 | return Column( 64 | crossAxisAlignment: CrossAxisAlignment.start, 65 | mainAxisSize: MainAxisSize.min, 66 | children: [ 67 | Text(title, style: Theme.of(context).textTheme.titleMedium), 68 | Text(description, style: Theme.of(context).textTheme.bodyMedium), 69 | const SizedBox(height: 16), 70 | child, 71 | ], 72 | ); 73 | }, 74 | ), 75 | ), 76 | ); 77 | } 78 | -------------------------------------------------------------------------------- /lib/main.dart: -------------------------------------------------------------------------------- 1 | import 'dart:math'; 2 | 3 | import 'package:flutter/material.dart'; 4 | import 'package:popup_playground/custom_popups.dart'; 5 | import 'package:popup_playground/dropdown_button.dart'; 6 | import 'package:popup_playground/dropdown_menu.dart'; 7 | import 'package:popup_playground/menu_anchor.dart'; 8 | import 'package:url_launcher/url_launcher_string.dart'; 9 | 10 | void main() { 11 | runApp(const MainApp()); 12 | } 13 | 14 | final lightTheme = ThemeData.from(colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue)); 15 | 16 | final darkTheme = ThemeData.from( 17 | colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue, brightness: Brightness.dark), 18 | ); 19 | 20 | class MainApp extends StatelessWidget { 21 | const MainApp({super.key}); 22 | 23 | @override 24 | Widget build(BuildContext context) { 25 | return MaterialApp( 26 | theme: lightTheme, 27 | darkTheme: darkTheme, 28 | themeMode: ThemeMode.system, 29 | debugShowCheckedModeBanner: false, 30 | home: const Scaffold(body: _Body()), 31 | ); 32 | } 33 | } 34 | 35 | class _Body extends StatefulWidget { 36 | const _Body(); 37 | 38 | @override 39 | State<_Body> createState() => _BodyState(); 40 | } 41 | 42 | class _BodyState extends State<_Body> { 43 | @override 44 | Widget build(BuildContext context) { 45 | final horizontalPadding = max((MediaQuery.of(context).size.width - 1024) / 2, 16.0); 46 | 47 | return CustomScrollView( 48 | slivers: [ 49 | SliverAppBar( 50 | title: const Text('Popup Playground'), 51 | pinned: true, 52 | actions: [ 53 | IconButton( 54 | onPressed: () => launchUrlString('https://github.com/hawkkiller/popup_playground'), 55 | icon: const Icon(Icons.code), 56 | tooltip: 'Source code', 57 | ), 58 | ], 59 | ), 60 | SliverPadding( 61 | padding: EdgeInsets.symmetric(horizontal: horizontalPadding, vertical: 16), 62 | sliver: const SliverMainAxisGroup( 63 | slivers: [ 64 | CustomPopupsShowcase(), 65 | SliverPadding(padding: EdgeInsets.only(top: 32)), 66 | MenuAnchorShowcase(), 67 | SliverPadding(padding: EdgeInsets.only(top: 32)), 68 | DropdownMenuShowcase(), 69 | SliverPadding(padding: EdgeInsets.only(top: 32)), 70 | DropdownButtonShowcase(), 71 | SliverPadding(padding: EdgeInsets.only(top: 32)), 72 | ], 73 | ), 74 | ), 75 | ], 76 | ); 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /lib/widgets/custom_dropdown.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:popup_playground/widgets/popup.dart'; 3 | 4 | final class CustomDropdownEntry { 5 | final T value; 6 | final String label; 7 | 8 | const CustomDropdownEntry(this.value, this.label); 9 | } 10 | 11 | /// Dropdown implementation using [Popup] 12 | class CustomDropdown extends StatelessWidget { 13 | const CustomDropdown({ 14 | required this.items, 15 | required this.activeItem, 16 | required this.onChanged, 17 | super.key, 18 | }); 19 | 20 | final List> items; 21 | final CustomDropdownEntry? activeItem; 22 | final ValueChanged>? onChanged; 23 | 24 | @override 25 | Widget build(BuildContext context) => Popup( 26 | child: (context, controller) => TapRegion( 27 | debugLabel: 'CustomDropdown', 28 | groupId: controller, 29 | child: Material( 30 | shape: RoundedRectangleBorder( 31 | borderRadius: const BorderRadius.all(Radius.circular(8)), 32 | side: BorderSide(color: Theme.of(context).colorScheme.outline), 33 | ), 34 | child: InkWell( 35 | borderRadius: const BorderRadius.all(Radius.circular(8)), 36 | onTap: onChanged == null 37 | ? null 38 | : () { 39 | controller.isShowing ? controller.hide() : controller.show(); 40 | }, 41 | child: Padding( 42 | padding: const EdgeInsets.all(8), 43 | child: activeItem == null ? const Text('Select an item') : Text(activeItem!.label), 44 | ), 45 | ), 46 | ), 47 | ), 48 | follower: (context, controller) => PopupFollower( 49 | onDismiss: controller.hide, 50 | tapRegionGroupId: controller, 51 | child: IntrinsicWidth( 52 | child: Card( 53 | child: SingleChildScrollView( 54 | child: Column( 55 | mainAxisSize: MainAxisSize.min, 56 | children: items.mapIndexed( 57 | (index, item) => ListTile( 58 | autofocus: activeItem == null ? index == 0 : item == activeItem, 59 | title: Text(item.label), 60 | shape: const RoundedRectangleBorder( 61 | borderRadius: BorderRadius.all(Radius.circular(12)), 62 | ), 63 | onTap: () { 64 | onChanged?.call(item); 65 | controller.hide(); 66 | }, 67 | ), 68 | ), 69 | ), 70 | ), 71 | ), 72 | ), 73 | ), 74 | ); 75 | } 76 | 77 | extension _MapIndexed on List { 78 | List mapIndexed(R Function(int index, T item) f) { 79 | var i = 0; 80 | return map((e) => f(i++, e)).toList(); 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /lib/dropdown_menu.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:popup_playground/widgets/showcase_widgets.dart'; 3 | 4 | class DropdownMenuShowcase extends StatelessWidget { 5 | const DropdownMenuShowcase({super.key}); 6 | 7 | @override 8 | Widget build(BuildContext context) { 9 | final textTheme = Theme.of(context).textTheme; 10 | 11 | return SliverList.list(children: [ 12 | Text('DropdownMenu', style: textTheme.headlineLarge), 13 | const SizedBox(height: 8), 14 | Text( 15 | 'The DropdownMenu is a widget in Material 3 that displays a dropdown menu.', 16 | style: textTheme.bodyLarge, 17 | ), 18 | const SizedBox(height: 16), 19 | const Wrap( 20 | spacing: 16, 21 | runSpacing: 16, 22 | children: [ 23 | WidgetWithTitle( 24 | title: 'Default', 25 | child: DropdownMenu( 26 | dropdownMenuEntries: [ 27 | DropdownMenuEntry(label: 'Item 1', value: '1'), 28 | DropdownMenuEntry(label: 'Item 2', value: '2'), 29 | ], 30 | ), 31 | ), 32 | WidgetWithTitle( 33 | title: 'With filter', 34 | child: DropdownMenu( 35 | enableFilter: true, 36 | dropdownMenuEntries: [ 37 | DropdownMenuEntry(label: 'Aaaaaa', value: '1'), 38 | DropdownMenuEntry(label: 'Bbbbbb', value: '2'), 39 | DropdownMenuEntry(label: 'Cccccc', value: '3'), 40 | ], 41 | ), 42 | ), 43 | WidgetWithTitle( 44 | title: 'With label', 45 | child: DropdownMenu( 46 | label: Text('Select an item'), 47 | dropdownMenuEntries: [ 48 | DropdownMenuEntry(label: 'Aaaaaa', value: '1'), 49 | DropdownMenuEntry(label: 'Bbbbbb', value: '2'), 50 | DropdownMenuEntry(label: 'Cccccc', value: '3'), 51 | ], 52 | ), 53 | ), 54 | WidgetWithTitle( 55 | title: 'With leading icon', 56 | child: DropdownMenu( 57 | leadingIcon: Icon(Icons.search), 58 | dropdownMenuEntries: [ 59 | DropdownMenuEntry(label: 'Aaaaaa', value: '1'), 60 | DropdownMenuEntry(label: 'Bbbbbb', value: '2'), 61 | DropdownMenuEntry(label: 'Cccccc', value: '3'), 62 | ], 63 | ), 64 | ), 65 | WidgetWithTitle( 66 | title: 'Without focus on tap', 67 | child: DropdownMenu( 68 | requestFocusOnTap: false, 69 | leadingIcon: Icon(Icons.search), 70 | dropdownMenuEntries: [ 71 | DropdownMenuEntry(label: 'Aaaaaa', value: '1'), 72 | DropdownMenuEntry(label: 'Bbbbbb', value: '2'), 73 | DropdownMenuEntry(label: 'Cccccc', value: '3'), 74 | ], 75 | ), 76 | ), 77 | ], 78 | ), 79 | ]); 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /linux/flutter/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # This file controls Flutter-level build steps. It should not be edited. 2 | cmake_minimum_required(VERSION 3.10) 3 | 4 | set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") 5 | 6 | # Configuration provided via flutter tool. 7 | include(${EPHEMERAL_DIR}/generated_config.cmake) 8 | 9 | # TODO: Move the rest of this into files in ephemeral. See 10 | # https://github.com/flutter/flutter/issues/57146. 11 | 12 | # Serves the same purpose as list(TRANSFORM ... PREPEND ...), 13 | # which isn't available in 3.10. 14 | function(list_prepend LIST_NAME PREFIX) 15 | set(NEW_LIST "") 16 | foreach(element ${${LIST_NAME}}) 17 | list(APPEND NEW_LIST "${PREFIX}${element}") 18 | endforeach(element) 19 | set(${LIST_NAME} "${NEW_LIST}" PARENT_SCOPE) 20 | endfunction() 21 | 22 | # === Flutter Library === 23 | # System-level dependencies. 24 | find_package(PkgConfig REQUIRED) 25 | pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0) 26 | pkg_check_modules(GLIB REQUIRED IMPORTED_TARGET glib-2.0) 27 | pkg_check_modules(GIO REQUIRED IMPORTED_TARGET gio-2.0) 28 | 29 | set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/libflutter_linux_gtk.so") 30 | 31 | # Published to parent scope for install step. 32 | set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) 33 | set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) 34 | set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) 35 | set(AOT_LIBRARY "${PROJECT_DIR}/build/lib/libapp.so" PARENT_SCOPE) 36 | 37 | list(APPEND FLUTTER_LIBRARY_HEADERS 38 | "fl_basic_message_channel.h" 39 | "fl_binary_codec.h" 40 | "fl_binary_messenger.h" 41 | "fl_dart_project.h" 42 | "fl_engine.h" 43 | "fl_json_message_codec.h" 44 | "fl_json_method_codec.h" 45 | "fl_message_codec.h" 46 | "fl_method_call.h" 47 | "fl_method_channel.h" 48 | "fl_method_codec.h" 49 | "fl_method_response.h" 50 | "fl_plugin_registrar.h" 51 | "fl_plugin_registry.h" 52 | "fl_standard_message_codec.h" 53 | "fl_standard_method_codec.h" 54 | "fl_string_codec.h" 55 | "fl_value.h" 56 | "fl_view.h" 57 | "flutter_linux.h" 58 | ) 59 | list_prepend(FLUTTER_LIBRARY_HEADERS "${EPHEMERAL_DIR}/flutter_linux/") 60 | add_library(flutter INTERFACE) 61 | target_include_directories(flutter INTERFACE 62 | "${EPHEMERAL_DIR}" 63 | ) 64 | target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}") 65 | target_link_libraries(flutter INTERFACE 66 | PkgConfig::GTK 67 | PkgConfig::GLIB 68 | PkgConfig::GIO 69 | ) 70 | add_dependencies(flutter flutter_assemble) 71 | 72 | # === Flutter tool backend === 73 | # _phony_ is a non-existent file to force this command to run every time, 74 | # since currently there's no way to get a full input/output list from the 75 | # flutter tool. 76 | add_custom_command( 77 | OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} 78 | ${CMAKE_CURRENT_BINARY_DIR}/_phony_ 79 | COMMAND ${CMAKE_COMMAND} -E env 80 | ${FLUTTER_TOOL_ENVIRONMENT} 81 | "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.sh" 82 | ${FLUTTER_TARGET_PLATFORM} ${CMAKE_BUILD_TYPE} 83 | VERBATIM 84 | ) 85 | add_custom_target(flutter_assemble DEPENDS 86 | "${FLUTTER_LIBRARY}" 87 | ${FLUTTER_LIBRARY_HEADERS} 88 | ) 89 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "Icon-App-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "Icon-App-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "Icon-App-29x29@1x.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "Icon-App-29x29@2x.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "29x29", 29 | "idiom" : "iphone", 30 | "filename" : "Icon-App-29x29@3x.png", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "Icon-App-40x40@2x.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "40x40", 41 | "idiom" : "iphone", 42 | "filename" : "Icon-App-40x40@3x.png", 43 | "scale" : "3x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "Icon-App-60x60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "Icon-App-60x60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "Icon-App-20x20@1x.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "20x20", 65 | "idiom" : "ipad", 66 | "filename" : "Icon-App-20x20@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "Icon-App-29x29@1x.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "29x29", 77 | "idiom" : "ipad", 78 | "filename" : "Icon-App-29x29@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "Icon-App-40x40@1x.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "40x40", 89 | "idiom" : "ipad", 90 | "filename" : "Icon-App-40x40@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "Icon-App-76x76@1x.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "76x76", 101 | "idiom" : "ipad", 102 | "filename" : "Icon-App-76x76@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "83.5x83.5", 107 | "idiom" : "ipad", 108 | "filename" : "Icon-App-83.5x83.5@2x.png", 109 | "scale" : "2x" 110 | }, 111 | { 112 | "size" : "1024x1024", 113 | "idiom" : "ios-marketing", 114 | "filename" : "Icon-App-1024x1024@1x.png", 115 | "scale" : "1x" 116 | } 117 | ], 118 | "info" : { 119 | "version" : 1, 120 | "author" : "xcode" 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /windows/runner/Runner.rc: -------------------------------------------------------------------------------- 1 | // Microsoft Visual C++ generated resource script. 2 | // 3 | #pragma code_page(65001) 4 | #include "resource.h" 5 | 6 | #define APSTUDIO_READONLY_SYMBOLS 7 | ///////////////////////////////////////////////////////////////////////////// 8 | // 9 | // Generated from the TEXTINCLUDE 2 resource. 10 | // 11 | #include "winres.h" 12 | 13 | ///////////////////////////////////////////////////////////////////////////// 14 | #undef APSTUDIO_READONLY_SYMBOLS 15 | 16 | ///////////////////////////////////////////////////////////////////////////// 17 | // English (United States) resources 18 | 19 | #if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU) 20 | LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US 21 | 22 | #ifdef APSTUDIO_INVOKED 23 | ///////////////////////////////////////////////////////////////////////////// 24 | // 25 | // TEXTINCLUDE 26 | // 27 | 28 | 1 TEXTINCLUDE 29 | BEGIN 30 | "resource.h\0" 31 | END 32 | 33 | 2 TEXTINCLUDE 34 | BEGIN 35 | "#include ""winres.h""\r\n" 36 | "\0" 37 | END 38 | 39 | 3 TEXTINCLUDE 40 | BEGIN 41 | "\r\n" 42 | "\0" 43 | END 44 | 45 | #endif // APSTUDIO_INVOKED 46 | 47 | 48 | ///////////////////////////////////////////////////////////////////////////// 49 | // 50 | // Icon 51 | // 52 | 53 | // Icon with lowest ID value placed first to ensure application icon 54 | // remains consistent on all systems. 55 | IDI_APP_ICON ICON "resources\\app_icon.ico" 56 | 57 | 58 | ///////////////////////////////////////////////////////////////////////////// 59 | // 60 | // Version 61 | // 62 | 63 | #if defined(FLUTTER_VERSION_MAJOR) && defined(FLUTTER_VERSION_MINOR) && defined(FLUTTER_VERSION_PATCH) && defined(FLUTTER_VERSION_BUILD) 64 | #define VERSION_AS_NUMBER FLUTTER_VERSION_MAJOR,FLUTTER_VERSION_MINOR,FLUTTER_VERSION_PATCH,FLUTTER_VERSION_BUILD 65 | #else 66 | #define VERSION_AS_NUMBER 1,0,0,0 67 | #endif 68 | 69 | #if defined(FLUTTER_VERSION) 70 | #define VERSION_AS_STRING FLUTTER_VERSION 71 | #else 72 | #define VERSION_AS_STRING "1.0.0" 73 | #endif 74 | 75 | VS_VERSION_INFO VERSIONINFO 76 | FILEVERSION VERSION_AS_NUMBER 77 | PRODUCTVERSION VERSION_AS_NUMBER 78 | FILEFLAGSMASK VS_FFI_FILEFLAGSMASK 79 | #ifdef _DEBUG 80 | FILEFLAGS VS_FF_DEBUG 81 | #else 82 | FILEFLAGS 0x0L 83 | #endif 84 | FILEOS VOS__WINDOWS32 85 | FILETYPE VFT_APP 86 | FILESUBTYPE 0x0L 87 | BEGIN 88 | BLOCK "StringFileInfo" 89 | BEGIN 90 | BLOCK "040904e4" 91 | BEGIN 92 | VALUE "CompanyName", "com.example" "\0" 93 | VALUE "FileDescription", "popup_playground" "\0" 94 | VALUE "FileVersion", VERSION_AS_STRING "\0" 95 | VALUE "InternalName", "popup_playground" "\0" 96 | VALUE "LegalCopyright", "Copyright (C) 2024 com.example. All rights reserved." "\0" 97 | VALUE "OriginalFilename", "popup_playground.exe" "\0" 98 | VALUE "ProductName", "popup_playground" "\0" 99 | VALUE "ProductVersion", VERSION_AS_STRING "\0" 100 | END 101 | END 102 | BLOCK "VarFileInfo" 103 | BEGIN 104 | VALUE "Translation", 0x409, 1252 105 | END 106 | END 107 | 108 | #endif // English (United States) resources 109 | ///////////////////////////////////////////////////////////////////////////// 110 | 111 | 112 | 113 | #ifndef APSTUDIO_INVOKED 114 | ///////////////////////////////////////////////////////////////////////////// 115 | // 116 | // Generated from the TEXTINCLUDE 3 resource. 117 | // 118 | 119 | 120 | ///////////////////////////////////////////////////////////////////////////// 121 | #endif // not APSTUDIO_INVOKED 122 | -------------------------------------------------------------------------------- /windows/runner/win32_window.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_WIN32_WINDOW_H_ 2 | #define RUNNER_WIN32_WINDOW_H_ 3 | 4 | #include 5 | 6 | #include 7 | #include 8 | #include 9 | 10 | // A class abstraction for a high DPI-aware Win32 Window. Intended to be 11 | // inherited from by classes that wish to specialize with custom 12 | // rendering and input handling 13 | class Win32Window { 14 | public: 15 | struct Point { 16 | unsigned int x; 17 | unsigned int y; 18 | Point(unsigned int x, unsigned int y) : x(x), y(y) {} 19 | }; 20 | 21 | struct Size { 22 | unsigned int width; 23 | unsigned int height; 24 | Size(unsigned int width, unsigned int height) 25 | : width(width), height(height) {} 26 | }; 27 | 28 | Win32Window(); 29 | virtual ~Win32Window(); 30 | 31 | // Creates a win32 window with |title| that is positioned and sized using 32 | // |origin| and |size|. New windows are created on the default monitor. Window 33 | // sizes are specified to the OS in physical pixels, hence to ensure a 34 | // consistent size this function will scale the inputted width and height as 35 | // as appropriate for the default monitor. The window is invisible until 36 | // |Show| is called. Returns true if the window was created successfully. 37 | bool Create(const std::wstring& title, const Point& origin, const Size& size); 38 | 39 | // Show the current window. Returns true if the window was successfully shown. 40 | bool Show(); 41 | 42 | // Release OS resources associated with window. 43 | void Destroy(); 44 | 45 | // Inserts |content| into the window tree. 46 | void SetChildContent(HWND content); 47 | 48 | // Returns the backing Window handle to enable clients to set icon and other 49 | // window properties. Returns nullptr if the window has been destroyed. 50 | HWND GetHandle(); 51 | 52 | // If true, closing this window will quit the application. 53 | void SetQuitOnClose(bool quit_on_close); 54 | 55 | // Return a RECT representing the bounds of the current client area. 56 | RECT GetClientArea(); 57 | 58 | protected: 59 | // Processes and route salient window messages for mouse handling, 60 | // size change and DPI. Delegates handling of these to member overloads that 61 | // inheriting classes can handle. 62 | virtual LRESULT MessageHandler(HWND window, 63 | UINT const message, 64 | WPARAM const wparam, 65 | LPARAM const lparam) noexcept; 66 | 67 | // Called when CreateAndShow is called, allowing subclass window-related 68 | // setup. Subclasses should return false if setup fails. 69 | virtual bool OnCreate(); 70 | 71 | // Called when Destroy is called. 72 | virtual void OnDestroy(); 73 | 74 | private: 75 | friend class WindowClassRegistrar; 76 | 77 | // OS callback called by message pump. Handles the WM_NCCREATE message which 78 | // is passed when the non-client area is being created and enables automatic 79 | // non-client DPI scaling so that the non-client area automatically 80 | // responds to changes in DPI. All other messages are handled by 81 | // MessageHandler. 82 | static LRESULT CALLBACK WndProc(HWND const window, 83 | UINT const message, 84 | WPARAM const wparam, 85 | LPARAM const lparam) noexcept; 86 | 87 | // Retrieves a class instance pointer for |window| 88 | static Win32Window* GetThisFromHandle(HWND const window) noexcept; 89 | 90 | // Update the window frame's theme to match the system theme. 91 | static void UpdateTheme(HWND const window); 92 | 93 | bool quit_on_close_ = false; 94 | 95 | // window handle for top level window. 96 | HWND window_handle_ = nullptr; 97 | 98 | // window handle for hosted content. 99 | HWND child_content_ = nullptr; 100 | }; 101 | 102 | #endif // RUNNER_WIN32_WINDOW_H_ 103 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 37 | 38 | 39 | 40 | 43 | 49 | 50 | 51 | 52 | 53 | 63 | 65 | 71 | 72 | 73 | 74 | 80 | 82 | 88 | 89 | 90 | 91 | 93 | 94 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 37 | 38 | 39 | 40 | 43 | 49 | 50 | 51 | 52 | 53 | 63 | 65 | 71 | 72 | 73 | 74 | 80 | 82 | 88 | 89 | 90 | 91 | 93 | 94 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /lib/dropdown_button.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:popup_playground/widgets/showcase_widgets.dart'; 3 | 4 | class DropdownButtonShowcase extends StatefulWidget { 5 | const DropdownButtonShowcase({super.key}); 6 | 7 | @override 8 | State createState() => _DropdownButtonShowcaseState(); 9 | } 10 | 11 | class _DropdownButtonShowcaseState extends State { 12 | String? _dropdown1Value; 13 | String? _dropdown2Value; 14 | String? _dropdown3Value; 15 | String? _dropdown4Value; 16 | String? _dropdown5Value; 17 | 18 | final _items = const [ 19 | DropdownMenuItem( 20 | value: '1', 21 | child: Text('Item 1'), 22 | ), 23 | DropdownMenuItem( 24 | value: '2', 25 | child: Text('Item 2'), 26 | ), 27 | DropdownMenuItem( 28 | value: '3', 29 | child: Text('Item 3'), 30 | ), 31 | ]; 32 | 33 | @override 34 | Widget build(BuildContext context) { 35 | final textTheme = Theme.of(context).textTheme; 36 | 37 | return SliverList.list(children: [ 38 | Text('DropdownButton', style: textTheme.headlineLarge), 39 | const SizedBox(height: 8), 40 | Text.rich( 41 | TextSpan( 42 | text: 'The ', 43 | style: textTheme.bodyLarge, 44 | children: [ 45 | TextSpan( 46 | text: 'DropdownButton', 47 | style: textTheme.bodyLarge!.copyWith(fontWeight: FontWeight.bold), 48 | ), 49 | const TextSpan( 50 | text: ' is a widget in Material 2 designed to display a dropdown button. '), 51 | const TextSpan( 52 | text: 'It allows users to choose an item from a list of options. ', 53 | ), 54 | const TextSpan( 55 | text: 'However, it offers limited customization options.', 56 | ), 57 | ], 58 | ), 59 | ), 60 | const SizedBox(height: 16), 61 | Wrap(runSpacing: 16, spacing: 16, children: [ 62 | WidgetWithTitle( 63 | title: 'Default', 64 | child: DropdownButton( 65 | items: _items, 66 | value: _dropdown1Value, 67 | onChanged: (value) => setState( 68 | () => _dropdown1Value = value, 69 | ), 70 | ), 71 | ), 72 | WidgetWithTitle( 73 | title: 'With hint', 74 | child: DropdownButton( 75 | items: _items, 76 | value: _dropdown2Value, 77 | onChanged: (value) => setState( 78 | () => _dropdown2Value = value, 79 | ), 80 | hint: const Text('Select an item'), 81 | ), 82 | ), 83 | WidgetWithTitle( 84 | title: 'Disabled', 85 | child: DropdownButton( 86 | items: _items, 87 | value: _dropdown3Value, 88 | onChanged: null, 89 | ), 90 | ), 91 | WidgetWithTitle( 92 | title: 'With icon', 93 | child: DropdownButton( 94 | items: _items, 95 | value: _dropdown4Value, 96 | onChanged: (value) => setState( 97 | () => _dropdown4Value = value, 98 | ), 99 | icon: const Icon(Icons.arrow_drop_down_circle_sharp), 100 | ), 101 | ), 102 | WidgetWithTitle( 103 | title: 'Custom style', 104 | child: DropdownButton( 105 | items: _items, 106 | value: _dropdown5Value, 107 | padding: const EdgeInsets.symmetric(horizontal: 8), 108 | dropdownColor: Theme.of(context).colorScheme.primaryContainer, 109 | borderRadius: BorderRadius.circular(16), 110 | focusColor: Colors.transparent, 111 | underline: const SizedBox.shrink(), 112 | hint: const Text('Select an item'), 113 | icon: const Icon(Icons.arrow_drop_down_rounded), 114 | onChanged: (value) => setState(() => _dropdown5Value = value), 115 | ), 116 | ), 117 | ]), 118 | ]); 119 | } 120 | } 121 | -------------------------------------------------------------------------------- /windows/flutter/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # This file controls Flutter-level build steps. It should not be edited. 2 | cmake_minimum_required(VERSION 3.14) 3 | 4 | set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") 5 | 6 | # Configuration provided via flutter tool. 7 | include(${EPHEMERAL_DIR}/generated_config.cmake) 8 | 9 | # TODO: Move the rest of this into files in ephemeral. See 10 | # https://github.com/flutter/flutter/issues/57146. 11 | set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper") 12 | 13 | # Set fallback configurations for older versions of the flutter tool. 14 | if (NOT DEFINED FLUTTER_TARGET_PLATFORM) 15 | set(FLUTTER_TARGET_PLATFORM "windows-x64") 16 | endif() 17 | 18 | # === Flutter Library === 19 | set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll") 20 | 21 | # Published to parent scope for install step. 22 | set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) 23 | set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) 24 | set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) 25 | set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE) 26 | 27 | list(APPEND FLUTTER_LIBRARY_HEADERS 28 | "flutter_export.h" 29 | "flutter_windows.h" 30 | "flutter_messenger.h" 31 | "flutter_plugin_registrar.h" 32 | "flutter_texture_registrar.h" 33 | ) 34 | list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/") 35 | add_library(flutter INTERFACE) 36 | target_include_directories(flutter INTERFACE 37 | "${EPHEMERAL_DIR}" 38 | ) 39 | target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib") 40 | add_dependencies(flutter flutter_assemble) 41 | 42 | # === Wrapper === 43 | list(APPEND CPP_WRAPPER_SOURCES_CORE 44 | "core_implementations.cc" 45 | "standard_codec.cc" 46 | ) 47 | list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/") 48 | list(APPEND CPP_WRAPPER_SOURCES_PLUGIN 49 | "plugin_registrar.cc" 50 | ) 51 | list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/") 52 | list(APPEND CPP_WRAPPER_SOURCES_APP 53 | "flutter_engine.cc" 54 | "flutter_view_controller.cc" 55 | ) 56 | list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/") 57 | 58 | # Wrapper sources needed for a plugin. 59 | add_library(flutter_wrapper_plugin STATIC 60 | ${CPP_WRAPPER_SOURCES_CORE} 61 | ${CPP_WRAPPER_SOURCES_PLUGIN} 62 | ) 63 | apply_standard_settings(flutter_wrapper_plugin) 64 | set_target_properties(flutter_wrapper_plugin PROPERTIES 65 | POSITION_INDEPENDENT_CODE ON) 66 | set_target_properties(flutter_wrapper_plugin PROPERTIES 67 | CXX_VISIBILITY_PRESET hidden) 68 | target_link_libraries(flutter_wrapper_plugin PUBLIC flutter) 69 | target_include_directories(flutter_wrapper_plugin PUBLIC 70 | "${WRAPPER_ROOT}/include" 71 | ) 72 | add_dependencies(flutter_wrapper_plugin flutter_assemble) 73 | 74 | # Wrapper sources needed for the runner. 75 | add_library(flutter_wrapper_app STATIC 76 | ${CPP_WRAPPER_SOURCES_CORE} 77 | ${CPP_WRAPPER_SOURCES_APP} 78 | ) 79 | apply_standard_settings(flutter_wrapper_app) 80 | target_link_libraries(flutter_wrapper_app PUBLIC flutter) 81 | target_include_directories(flutter_wrapper_app PUBLIC 82 | "${WRAPPER_ROOT}/include" 83 | ) 84 | add_dependencies(flutter_wrapper_app flutter_assemble) 85 | 86 | # === Flutter tool backend === 87 | # _phony_ is a non-existent file to force this command to run every time, 88 | # since currently there's no way to get a full input/output list from the 89 | # flutter tool. 90 | set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_") 91 | set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE) 92 | add_custom_command( 93 | OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} 94 | ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN} 95 | ${CPP_WRAPPER_SOURCES_APP} 96 | ${PHONY_OUTPUT} 97 | COMMAND ${CMAKE_COMMAND} -E env 98 | ${FLUTTER_TOOL_ENVIRONMENT} 99 | "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat" 100 | ${FLUTTER_TARGET_PLATFORM} $ 101 | VERBATIM 102 | ) 103 | add_custom_target(flutter_assemble DEPENDS 104 | "${FLUTTER_LIBRARY}" 105 | ${FLUTTER_LIBRARY_HEADERS} 106 | ${CPP_WRAPPER_SOURCES_CORE} 107 | ${CPP_WRAPPER_SOURCES_PLUGIN} 108 | ${CPP_WRAPPER_SOURCES_APP} 109 | ) 110 | -------------------------------------------------------------------------------- /lib/widgets/custom_tooltip.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter/rendering.dart'; 3 | import 'package:popup_playground/widgets/popup.dart'; 4 | 5 | /// A custom tooltip widget that can be used to display a tooltip with custom content 6 | class CustomTooltip extends StatefulWidget { 7 | const CustomTooltip({ 8 | required this.content, 9 | required this.child, 10 | this.animationDuration, 11 | super.key, 12 | }); 13 | 14 | final String content; 15 | final Widget child; 16 | final Duration? animationDuration; 17 | 18 | @override 19 | State createState() => _CustomTooltipState(); 20 | } 21 | 22 | class _CustomTooltipState extends State with SingleTickerProviderStateMixin { 23 | final overlayController = OverlayPortalController(debugLabel: 'CustomTooltip'); 24 | late final AnimationController _animationController; 25 | 26 | Duration get _animationDuration => widget.animationDuration ?? Durations.medium1; 27 | 28 | @override 29 | void initState() { 30 | _animationController = AnimationController(vsync: this, duration: _animationDuration); 31 | super.initState(); 32 | } 33 | 34 | @override 35 | void didUpdateWidget(covariant CustomTooltip oldWidget) { 36 | if (widget.animationDuration != oldWidget.animationDuration) { 37 | _animationController.duration = _animationDuration; 38 | } 39 | super.didUpdateWidget(oldWidget); 40 | } 41 | 42 | @override 43 | void dispose() { 44 | _animationController.dispose(); 45 | super.dispose(); 46 | } 47 | 48 | /// Shows popup and sets a timer to hide it after [duration] if it is not null 49 | void _showPopup([Duration? duration]) { 50 | overlayController.show(); 51 | _animationController.forward(); 52 | SemanticsService.tooltip(widget.content); 53 | 54 | if (duration != null) { 55 | Future.delayed(duration, _hidePopup).ignore(); 56 | } 57 | } 58 | 59 | void _hidePopup() { 60 | _animationController.reverse().whenComplete(overlayController.hide); 61 | } 62 | 63 | void _togglePopup([Duration? duration]) { 64 | overlayController.isShowing ? _hidePopup() : _showPopup(duration); 65 | } 66 | 67 | Widget _buildMobileTooltip(Widget child) => GestureDetector( 68 | onTap: () => _togglePopup(_animationDuration + const Duration(seconds: 5000)), 69 | child: child, 70 | ); 71 | 72 | Widget _buildDesktopTooltip(Widget child) => MouseRegion( 73 | onEnter: (_) => _showPopup(), 74 | onExit: (_) => _hidePopup(), 75 | child: child, 76 | ); 77 | 78 | @override 79 | Widget build(BuildContext context) => Popup( 80 | controller: overlayController, 81 | follower: (context, controller) => PopupFollower( 82 | tapRegionGroupId: controller, 83 | onDismiss: _hidePopup, 84 | child: FadeTransition( 85 | opacity: _animationController, 86 | child: ConstrainedBox( 87 | constraints: const BoxConstraints(maxWidth: 200), 88 | child: Card( 89 | child: Padding( 90 | padding: const EdgeInsets.all(8), 91 | child: Text(widget.content), 92 | ), 93 | ), 94 | ), 95 | ), 96 | ), 97 | child: (context, controller) { 98 | final platform = Theme.of(context).platform; 99 | Widget result; 100 | 101 | switch (platform) { 102 | case TargetPlatform.android: 103 | case TargetPlatform.iOS: 104 | result = _buildMobileTooltip(widget.child); 105 | break; 106 | case TargetPlatform.fuchsia: 107 | case TargetPlatform.linux: 108 | case TargetPlatform.macOS: 109 | case TargetPlatform.windows: 110 | result = _buildDesktopTooltip(widget.child); 111 | break; 112 | } 113 | 114 | return Semantics( 115 | tooltip: widget.content, 116 | child: TapRegion( 117 | groupId: controller, 118 | child: result, 119 | ), 120 | ); 121 | }, 122 | ); 123 | } 124 | -------------------------------------------------------------------------------- /windows/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # Project-level configuration. 2 | cmake_minimum_required(VERSION 3.14) 3 | project(popup_playground LANGUAGES CXX) 4 | 5 | # The name of the executable created for the application. Change this to change 6 | # the on-disk name of your application. 7 | set(BINARY_NAME "popup_playground") 8 | 9 | # Explicitly opt in to modern CMake behaviors to avoid warnings with recent 10 | # versions of CMake. 11 | cmake_policy(VERSION 3.14...3.25) 12 | 13 | # Define build configuration option. 14 | get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG) 15 | if(IS_MULTICONFIG) 16 | set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release" 17 | CACHE STRING "" FORCE) 18 | else() 19 | if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) 20 | set(CMAKE_BUILD_TYPE "Debug" CACHE 21 | STRING "Flutter build mode" FORCE) 22 | set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS 23 | "Debug" "Profile" "Release") 24 | endif() 25 | endif() 26 | # Define settings for the Profile build mode. 27 | set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}") 28 | set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}") 29 | set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}") 30 | set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}") 31 | 32 | # Use Unicode for all projects. 33 | add_definitions(-DUNICODE -D_UNICODE) 34 | 35 | # Compilation settings that should be applied to most targets. 36 | # 37 | # Be cautious about adding new options here, as plugins use this function by 38 | # default. In most cases, you should add new options to specific targets instead 39 | # of modifying this function. 40 | function(APPLY_STANDARD_SETTINGS TARGET) 41 | target_compile_features(${TARGET} PUBLIC cxx_std_17) 42 | target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100") 43 | target_compile_options(${TARGET} PRIVATE /EHsc) 44 | target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0") 45 | target_compile_definitions(${TARGET} PRIVATE "$<$:_DEBUG>") 46 | endfunction() 47 | 48 | # Flutter library and tool build rules. 49 | set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") 50 | add_subdirectory(${FLUTTER_MANAGED_DIR}) 51 | 52 | # Application build; see runner/CMakeLists.txt. 53 | add_subdirectory("runner") 54 | 55 | 56 | # Generated plugin build rules, which manage building the plugins and adding 57 | # them to the application. 58 | include(flutter/generated_plugins.cmake) 59 | 60 | 61 | # === Installation === 62 | # Support files are copied into place next to the executable, so that it can 63 | # run in place. This is done instead of making a separate bundle (as on Linux) 64 | # so that building and running from within Visual Studio will work. 65 | set(BUILD_BUNDLE_DIR "$") 66 | # Make the "install" step default, as it's required to run. 67 | set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1) 68 | if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) 69 | set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) 70 | endif() 71 | 72 | set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") 73 | set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}") 74 | 75 | install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" 76 | COMPONENT Runtime) 77 | 78 | install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 79 | COMPONENT Runtime) 80 | 81 | install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 82 | COMPONENT Runtime) 83 | 84 | if(PLUGIN_BUNDLED_LIBRARIES) 85 | install(FILES "${PLUGIN_BUNDLED_LIBRARIES}" 86 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 87 | COMPONENT Runtime) 88 | endif() 89 | 90 | # Copy the native assets provided by the build.dart from all packages. 91 | set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/windows/") 92 | install(DIRECTORY "${NATIVE_ASSETS_DIR}" 93 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 94 | COMPONENT Runtime) 95 | 96 | # Fully re-copy the assets directory on each build to avoid having stale files 97 | # from a previous install. 98 | set(FLUTTER_ASSET_DIR_NAME "flutter_assets") 99 | install(CODE " 100 | file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") 101 | " COMPONENT Runtime) 102 | install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" 103 | DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) 104 | 105 | # Install the AOT library on non-Debug builds only. 106 | install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 107 | CONFIGURATIONS Profile;Release 108 | COMPONENT Runtime) 109 | -------------------------------------------------------------------------------- /linux/my_application.cc: -------------------------------------------------------------------------------- 1 | #include "my_application.h" 2 | 3 | #include 4 | #ifdef GDK_WINDOWING_X11 5 | #include 6 | #endif 7 | 8 | #include "flutter/generated_plugin_registrant.h" 9 | 10 | struct _MyApplication { 11 | GtkApplication parent_instance; 12 | char** dart_entrypoint_arguments; 13 | }; 14 | 15 | G_DEFINE_TYPE(MyApplication, my_application, GTK_TYPE_APPLICATION) 16 | 17 | // Implements GApplication::activate. 18 | static void my_application_activate(GApplication* application) { 19 | MyApplication* self = MY_APPLICATION(application); 20 | GtkWindow* window = 21 | GTK_WINDOW(gtk_application_window_new(GTK_APPLICATION(application))); 22 | 23 | // Use a header bar when running in GNOME as this is the common style used 24 | // by applications and is the setup most users will be using (e.g. Ubuntu 25 | // desktop). 26 | // If running on X and not using GNOME then just use a traditional title bar 27 | // in case the window manager does more exotic layout, e.g. tiling. 28 | // If running on Wayland assume the header bar will work (may need changing 29 | // if future cases occur). 30 | gboolean use_header_bar = TRUE; 31 | #ifdef GDK_WINDOWING_X11 32 | GdkScreen* screen = gtk_window_get_screen(window); 33 | if (GDK_IS_X11_SCREEN(screen)) { 34 | const gchar* wm_name = gdk_x11_screen_get_window_manager_name(screen); 35 | if (g_strcmp0(wm_name, "GNOME Shell") != 0) { 36 | use_header_bar = FALSE; 37 | } 38 | } 39 | #endif 40 | if (use_header_bar) { 41 | GtkHeaderBar* header_bar = GTK_HEADER_BAR(gtk_header_bar_new()); 42 | gtk_widget_show(GTK_WIDGET(header_bar)); 43 | gtk_header_bar_set_title(header_bar, "popup_playground"); 44 | gtk_header_bar_set_show_close_button(header_bar, TRUE); 45 | gtk_window_set_titlebar(window, GTK_WIDGET(header_bar)); 46 | } else { 47 | gtk_window_set_title(window, "popup_playground"); 48 | } 49 | 50 | gtk_window_set_default_size(window, 1280, 720); 51 | gtk_widget_show(GTK_WIDGET(window)); 52 | 53 | g_autoptr(FlDartProject) project = fl_dart_project_new(); 54 | fl_dart_project_set_dart_entrypoint_arguments(project, self->dart_entrypoint_arguments); 55 | 56 | FlView* view = fl_view_new(project); 57 | gtk_widget_show(GTK_WIDGET(view)); 58 | gtk_container_add(GTK_CONTAINER(window), GTK_WIDGET(view)); 59 | 60 | fl_register_plugins(FL_PLUGIN_REGISTRY(view)); 61 | 62 | gtk_widget_grab_focus(GTK_WIDGET(view)); 63 | } 64 | 65 | // Implements GApplication::local_command_line. 66 | static gboolean my_application_local_command_line(GApplication* application, gchar*** arguments, int* exit_status) { 67 | MyApplication* self = MY_APPLICATION(application); 68 | // Strip out the first argument as it is the binary name. 69 | self->dart_entrypoint_arguments = g_strdupv(*arguments + 1); 70 | 71 | g_autoptr(GError) error = nullptr; 72 | if (!g_application_register(application, nullptr, &error)) { 73 | g_warning("Failed to register: %s", error->message); 74 | *exit_status = 1; 75 | return TRUE; 76 | } 77 | 78 | g_application_activate(application); 79 | *exit_status = 0; 80 | 81 | return TRUE; 82 | } 83 | 84 | // Implements GApplication::startup. 85 | static void my_application_startup(GApplication* application) { 86 | //MyApplication* self = MY_APPLICATION(object); 87 | 88 | // Perform any actions required at application startup. 89 | 90 | G_APPLICATION_CLASS(my_application_parent_class)->startup(application); 91 | } 92 | 93 | // Implements GApplication::shutdown. 94 | static void my_application_shutdown(GApplication* application) { 95 | //MyApplication* self = MY_APPLICATION(object); 96 | 97 | // Perform any actions required at application shutdown. 98 | 99 | G_APPLICATION_CLASS(my_application_parent_class)->shutdown(application); 100 | } 101 | 102 | // Implements GObject::dispose. 103 | static void my_application_dispose(GObject* object) { 104 | MyApplication* self = MY_APPLICATION(object); 105 | g_clear_pointer(&self->dart_entrypoint_arguments, g_strfreev); 106 | G_OBJECT_CLASS(my_application_parent_class)->dispose(object); 107 | } 108 | 109 | static void my_application_class_init(MyApplicationClass* klass) { 110 | G_APPLICATION_CLASS(klass)->activate = my_application_activate; 111 | G_APPLICATION_CLASS(klass)->local_command_line = my_application_local_command_line; 112 | G_APPLICATION_CLASS(klass)->startup = my_application_startup; 113 | G_APPLICATION_CLASS(klass)->shutdown = my_application_shutdown; 114 | G_OBJECT_CLASS(klass)->dispose = my_application_dispose; 115 | } 116 | 117 | static void my_application_init(MyApplication* self) {} 118 | 119 | MyApplication* my_application_new() { 120 | return MY_APPLICATION(g_object_new(my_application_get_type(), 121 | "application-id", APPLICATION_ID, 122 | "flags", G_APPLICATION_NON_UNIQUE, 123 | nullptr)); 124 | } 125 | -------------------------------------------------------------------------------- /lib/menu_anchor.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class MenuAnchorShowcase extends StatefulWidget { 4 | const MenuAnchorShowcase({super.key}); 5 | 6 | @override 7 | State createState() => _MenuAnchorShowcaseState(); 8 | } 9 | 10 | class _MenuAnchorShowcaseState extends State { 11 | final MenuController _styledController = MenuController(); 12 | 13 | void _onItemPressed(String item) { 14 | ScaffoldMessenger.of(context) 15 | ..clearSnackBars() 16 | ..showSnackBar(SnackBar( 17 | content: Text('Item $item pressed'), 18 | duration: const Duration(seconds: 1), 19 | )); 20 | } 21 | 22 | @override 23 | Widget build(BuildContext context) { 24 | final colorScheme = Theme.of(context).colorScheme; 25 | final textTheme = Theme.of(context).textTheme; 26 | 27 | return SliverList.list( 28 | children: [ 29 | Text('MenuAnchor', style: textTheme.headlineLarge), 30 | const SizedBox(height: 8), 31 | Text.rich( 32 | TextSpan( 33 | text: 'The ', 34 | style: textTheme.bodyLarge, 35 | children: [ 36 | TextSpan( 37 | text: 'MenuAnchor', 38 | style: textTheme.bodyLarge!.copyWith(fontWeight: FontWeight.bold), 39 | ), 40 | const TextSpan( 41 | text: ' is a Material 3 widget that allows you to anchor a menu to an element. ', 42 | ), 43 | const TextSpan( 44 | text: 'It is quite customizable and can be used ' 45 | 'to create dropdowns, context menus, and submenus. ', 46 | ), 47 | ], 48 | ), 49 | style: textTheme.bodyLarge, 50 | ), 51 | const SizedBox(height: 16), 52 | Wrap( 53 | runSpacing: 16, 54 | spacing: 16, 55 | children: [ 56 | MenuAnchor( 57 | menuChildren: [ 58 | MenuItemButton( 59 | onPressed: () => _onItemPressed('1'), 60 | child: const Text('Item 1'), 61 | ), 62 | MenuItemButton( 63 | onPressed: () => _onItemPressed('2'), 64 | child: const Text('Item 2'), 65 | ), 66 | MenuItemButton( 67 | onPressed: () => _onItemPressed('3'), 68 | child: const Text('Item 3'), 69 | ), 70 | ], 71 | builder: (context, controller, child) => FilledButton.icon( 72 | onPressed: controller.open, 73 | icon: const Icon(Icons.menu), 74 | label: const Text('Show Standard Menu'), 75 | ), 76 | ), 77 | MenuAnchor( 78 | controller: _styledController, 79 | style: MenuStyle( 80 | elevation: const WidgetStatePropertyAll(8), 81 | backgroundColor: WidgetStatePropertyAll(colorScheme.tertiaryContainer), 82 | ), 83 | menuChildren: [ 84 | ListTile( 85 | leading: const Icon(Icons.account_circle), 86 | title: const Text('Profile'), 87 | onTap: () { 88 | _styledController.close(); 89 | _onItemPressed('Profile'); 90 | }, 91 | ), 92 | ListTile( 93 | leading: const Icon(Icons.settings), 94 | title: const Text('Settings'), 95 | onTap: () { 96 | _styledController.close(); 97 | _onItemPressed('Settings'); 98 | }, 99 | ), 100 | ListTile( 101 | leading: const Icon(Icons.logout), 102 | title: const Text('Logout'), 103 | onTap: () { 104 | _styledController.close(); 105 | _onItemPressed('Logout'); 106 | }, 107 | ), 108 | ], 109 | builder: (context, controller, child) => FilledButton.icon( 110 | onPressed: controller.open, 111 | icon: const Icon(Icons.menu), 112 | label: const Text('Show Styled Menu'), 113 | ), 114 | ), 115 | MenuAnchor( 116 | menuChildren: [ 117 | SubmenuButton( 118 | menuChildren: [ 119 | MenuItemButton( 120 | child: const Text('Subitem 1'), 121 | onPressed: () => _onItemPressed('Subitem 1'), 122 | ), 123 | MenuItemButton( 124 | child: const Text('Subitem 2'), 125 | onPressed: () => _onItemPressed('Subitem 2'), 126 | ), 127 | ], 128 | child: const Text('Submenu'), 129 | ), 130 | MenuItemButton( 131 | child: const Text('Item 1'), 132 | onPressed: () => _onItemPressed('1'), 133 | ), 134 | MenuItemButton( 135 | child: const Text('Item 2'), 136 | onPressed: () => _onItemPressed('2'), 137 | ), 138 | ], 139 | builder: (context, controller, child) => FilledButton.icon( 140 | onPressed: controller.open, 141 | icon: const Icon(Icons.menu), 142 | label: const Text('Show Menu with Submenu'), 143 | ), 144 | ), 145 | ], 146 | ), 147 | ], 148 | ); 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /lib/widgets/enhanced_composited_transform_target.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/rendering.dart'; 2 | import 'package:flutter/widgets.dart'; 3 | import 'package:popup_playground/widgets/enhanced_composited_transform_follower.dart'; 4 | 5 | /// A link that can be established between a [EnhancedCompositedTransformTarget] and a 6 | /// [EnhancedCompositedTransformFollower]. 7 | /// 8 | /// The only difference between this and the original [LayerLink] is that this 9 | /// class has a [leaderRenderObject] property that is used to store the render 10 | /// object of the leader. 11 | class EnhancedLayerLink extends LayerLink { 12 | /// The render object of the leader. 13 | EnhancedRenderLeaderLayer? leaderRenderObject; 14 | 15 | /// The render object of the follower. 16 | EnhancedRenderFollowerLayer? followerRenderObject; 17 | 18 | /// Callback that is called when the size of the leader changes. 19 | void leaderSizeChanged(Size? size) { 20 | leaderSize = size; 21 | followerRenderObject?.leaderSizeChanged(); 22 | } 23 | } 24 | 25 | /// A widget that can be targeted by a [CompositedTransformFollower]. 26 | /// 27 | /// When this widget is composited during the compositing phase (which comes 28 | /// after the paint phase, as described in [WidgetsBinding.drawFrame]), it 29 | /// updates the [link] object so that any [CompositedTransformFollower] widgets 30 | /// that are subsequently composited in the same frame and were given the same 31 | /// [LayerLink] can position themselves at the same screen location. 32 | /// 33 | /// A single [EnhancedCompositedTransformTarget] can be followed by multiple 34 | /// [CompositedTransformFollower] widgets. 35 | /// 36 | /// The [EnhancedCompositedTransformTarget] must come earlier in the paint order than 37 | /// any linked [CompositedTransformFollower]s. 38 | /// 39 | /// See also: 40 | /// 41 | /// * [CompositedTransformFollower], the widget that can target this one. 42 | /// * [LeaderLayer], the layer that implements this widget's logic. 43 | class EnhancedCompositedTransformTarget extends SingleChildRenderObjectWidget { 44 | /// Creates a composited transform target widget. 45 | /// 46 | /// The [link] property must not be currently used by any other 47 | /// [EnhancedCompositedTransformTarget] object that is in the tree. 48 | const EnhancedCompositedTransformTarget({ 49 | super.key, 50 | required this.link, 51 | super.child, 52 | }); 53 | 54 | /// The link object that connects this [EnhancedCompositedTransformTarget] with one or 55 | /// more [CompositedTransformFollower]s. 56 | /// 57 | /// The link must not be associated with another [EnhancedCompositedTransformTarget] 58 | /// that is also being painted. 59 | final EnhancedLayerLink link; 60 | 61 | @override 62 | EnhancedRenderLeaderLayer createRenderObject(BuildContext context) { 63 | return EnhancedRenderLeaderLayer(link: link); 64 | } 65 | 66 | @override 67 | void updateRenderObject(BuildContext context, EnhancedRenderLeaderLayer renderObject) { 68 | renderObject.link = link; 69 | } 70 | } 71 | 72 | /// Provides an anchor for a [RenderFollowerLayer]. 73 | /// 74 | /// See also: 75 | /// 76 | /// * [EnhancedCompositedTransformTarget], the corresponding widget. 77 | /// * [LeaderLayer], the layer that this render object creates. 78 | class EnhancedRenderLeaderLayer extends RenderProxyBox { 79 | /// Creates a render object that uses a [LeaderLayer]. 80 | EnhancedRenderLeaderLayer({ 81 | required EnhancedLayerLink link, 82 | RenderBox? child, 83 | }) : _link = link, 84 | super(child); 85 | 86 | /// The link object that connects this [EnhancedRenderLeaderLayer] with one or more 87 | /// [RenderFollowerLayer]s. 88 | /// 89 | /// The object must not be associated with another [EnhancedRenderLeaderLayer] that is 90 | /// also being painted. 91 | EnhancedLayerLink get link => _link; 92 | EnhancedLayerLink _link; 93 | set link(EnhancedLayerLink value) { 94 | if (_link == value) { 95 | return; 96 | } 97 | _link.leaderSizeChanged(null); 98 | _link = value; 99 | _link.leaderRenderObject = this; 100 | if (_previousLayoutSize != null) { 101 | _link.leaderSizeChanged(_previousLayoutSize!); 102 | } 103 | markNeedsPaint(); 104 | } 105 | 106 | @override 107 | bool get alwaysNeedsCompositing => true; 108 | 109 | // The latest size of this [RenderBox], computed during the previous layout 110 | // pass. It should always be equal to [size], but can be accessed even when 111 | // [debugDoingThisResize] and [debugDoingThisLayout] are false. 112 | Size? _previousLayoutSize; 113 | 114 | @override 115 | void performLayout() { 116 | super.performLayout(); 117 | if (_previousLayoutSize != size) { 118 | link.leaderSizeChanged(size); 119 | _previousLayoutSize = size; 120 | } 121 | } 122 | 123 | @override 124 | void paint(PaintingContext context, Offset offset) { 125 | if (layer == null) { 126 | layer = LeaderLayer(link: link, offset: offset); 127 | } else { 128 | final LeaderLayer leaderLayer = layer! as LeaderLayer; 129 | leaderLayer 130 | ..link = link 131 | ..offset = offset; 132 | } 133 | context.pushLayer(layer!, super.paint, Offset.zero); 134 | assert(() { 135 | layer!.debugCreator = debugCreator; 136 | return true; 137 | }()); 138 | } 139 | 140 | @override 141 | void attach(PipelineOwner owner) { 142 | link.leaderRenderObject = this; 143 | super.attach(owner); 144 | } 145 | 146 | @override 147 | void detach() { 148 | layer = null; 149 | link.leaderRenderObject = null; 150 | _previousLayoutSize = null; 151 | super.detach(); 152 | } 153 | 154 | @override 155 | void debugFillProperties(DiagnosticPropertiesBuilder properties) { 156 | super.debugFillProperties(properties); 157 | properties.add(DiagnosticsProperty('link', link)); 158 | } 159 | } 160 | -------------------------------------------------------------------------------- /linux/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # Project-level configuration. 2 | cmake_minimum_required(VERSION 3.10) 3 | project(runner LANGUAGES CXX) 4 | 5 | # The name of the executable created for the application. Change this to change 6 | # the on-disk name of your application. 7 | set(BINARY_NAME "popup_playground") 8 | # The unique GTK application identifier for this application. See: 9 | # https://wiki.gnome.org/HowDoI/ChooseApplicationID 10 | set(APPLICATION_ID "com.example.popup_playground") 11 | 12 | # Explicitly opt in to modern CMake behaviors to avoid warnings with recent 13 | # versions of CMake. 14 | cmake_policy(SET CMP0063 NEW) 15 | 16 | # Load bundled libraries from the lib/ directory relative to the binary. 17 | set(CMAKE_INSTALL_RPATH "$ORIGIN/lib") 18 | 19 | # Root filesystem for cross-building. 20 | if(FLUTTER_TARGET_PLATFORM_SYSROOT) 21 | set(CMAKE_SYSROOT ${FLUTTER_TARGET_PLATFORM_SYSROOT}) 22 | set(CMAKE_FIND_ROOT_PATH ${CMAKE_SYSROOT}) 23 | set(CMAKE_FIND_ROOT_PATH_MODE_PROGRAM NEVER) 24 | set(CMAKE_FIND_ROOT_PATH_MODE_PACKAGE ONLY) 25 | set(CMAKE_FIND_ROOT_PATH_MODE_LIBRARY ONLY) 26 | set(CMAKE_FIND_ROOT_PATH_MODE_INCLUDE ONLY) 27 | endif() 28 | 29 | # Define build configuration options. 30 | if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) 31 | set(CMAKE_BUILD_TYPE "Debug" CACHE 32 | STRING "Flutter build mode" FORCE) 33 | set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS 34 | "Debug" "Profile" "Release") 35 | endif() 36 | 37 | # Compilation settings that should be applied to most targets. 38 | # 39 | # Be cautious about adding new options here, as plugins use this function by 40 | # default. In most cases, you should add new options to specific targets instead 41 | # of modifying this function. 42 | function(APPLY_STANDARD_SETTINGS TARGET) 43 | target_compile_features(${TARGET} PUBLIC cxx_std_14) 44 | target_compile_options(${TARGET} PRIVATE -Wall -Werror) 45 | target_compile_options(${TARGET} PRIVATE "$<$>:-O3>") 46 | target_compile_definitions(${TARGET} PRIVATE "$<$>:NDEBUG>") 47 | endfunction() 48 | 49 | # Flutter library and tool build rules. 50 | set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") 51 | add_subdirectory(${FLUTTER_MANAGED_DIR}) 52 | 53 | # System-level dependencies. 54 | find_package(PkgConfig REQUIRED) 55 | pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0) 56 | 57 | add_definitions(-DAPPLICATION_ID="${APPLICATION_ID}") 58 | 59 | # Define the application target. To change its name, change BINARY_NAME above, 60 | # not the value here, or `flutter run` will no longer work. 61 | # 62 | # Any new source files that you add to the application should be added here. 63 | add_executable(${BINARY_NAME} 64 | "main.cc" 65 | "my_application.cc" 66 | "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" 67 | ) 68 | 69 | # Apply the standard set of build settings. This can be removed for applications 70 | # that need different build settings. 71 | apply_standard_settings(${BINARY_NAME}) 72 | 73 | # Add dependency libraries. Add any application-specific dependencies here. 74 | target_link_libraries(${BINARY_NAME} PRIVATE flutter) 75 | target_link_libraries(${BINARY_NAME} PRIVATE PkgConfig::GTK) 76 | 77 | # Run the Flutter tool portions of the build. This must not be removed. 78 | add_dependencies(${BINARY_NAME} flutter_assemble) 79 | 80 | # Only the install-generated bundle's copy of the executable will launch 81 | # correctly, since the resources must in the right relative locations. To avoid 82 | # people trying to run the unbundled copy, put it in a subdirectory instead of 83 | # the default top-level location. 84 | set_target_properties(${BINARY_NAME} 85 | PROPERTIES 86 | RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/intermediates_do_not_run" 87 | ) 88 | 89 | 90 | # Generated plugin build rules, which manage building the plugins and adding 91 | # them to the application. 92 | include(flutter/generated_plugins.cmake) 93 | 94 | 95 | # === Installation === 96 | # By default, "installing" just makes a relocatable bundle in the build 97 | # directory. 98 | set(BUILD_BUNDLE_DIR "${PROJECT_BINARY_DIR}/bundle") 99 | if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) 100 | set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) 101 | endif() 102 | 103 | # Start with a clean build bundle directory every time. 104 | install(CODE " 105 | file(REMOVE_RECURSE \"${BUILD_BUNDLE_DIR}/\") 106 | " COMPONENT Runtime) 107 | 108 | set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") 109 | set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}/lib") 110 | 111 | install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" 112 | COMPONENT Runtime) 113 | 114 | install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 115 | COMPONENT Runtime) 116 | 117 | install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 118 | COMPONENT Runtime) 119 | 120 | foreach(bundled_library ${PLUGIN_BUNDLED_LIBRARIES}) 121 | install(FILES "${bundled_library}" 122 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 123 | COMPONENT Runtime) 124 | endforeach(bundled_library) 125 | 126 | # Copy the native assets provided by the build.dart from all packages. 127 | set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/linux/") 128 | install(DIRECTORY "${NATIVE_ASSETS_DIR}" 129 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 130 | COMPONENT Runtime) 131 | 132 | # Fully re-copy the assets directory on each build to avoid having stale files 133 | # from a previous install. 134 | set(FLUTTER_ASSET_DIR_NAME "flutter_assets") 135 | install(CODE " 136 | file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") 137 | " COMPONENT Runtime) 138 | install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" 139 | DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) 140 | 141 | # Install the AOT library on non-Debug builds only. 142 | if(NOT CMAKE_BUILD_TYPE MATCHES "Debug") 143 | install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 144 | COMPONENT Runtime) 145 | endif() 146 | -------------------------------------------------------------------------------- /windows/runner/win32_window.cpp: -------------------------------------------------------------------------------- 1 | #include "win32_window.h" 2 | 3 | #include 4 | #include 5 | 6 | #include "resource.h" 7 | 8 | namespace { 9 | 10 | /// Window attribute that enables dark mode window decorations. 11 | /// 12 | /// Redefined in case the developer's machine has a Windows SDK older than 13 | /// version 10.0.22000.0. 14 | /// See: https://docs.microsoft.com/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute 15 | #ifndef DWMWA_USE_IMMERSIVE_DARK_MODE 16 | #define DWMWA_USE_IMMERSIVE_DARK_MODE 20 17 | #endif 18 | 19 | constexpr const wchar_t kWindowClassName[] = L"FLUTTER_RUNNER_WIN32_WINDOW"; 20 | 21 | /// Registry key for app theme preference. 22 | /// 23 | /// A value of 0 indicates apps should use dark mode. A non-zero or missing 24 | /// value indicates apps should use light mode. 25 | constexpr const wchar_t kGetPreferredBrightnessRegKey[] = 26 | L"Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize"; 27 | constexpr const wchar_t kGetPreferredBrightnessRegValue[] = L"AppsUseLightTheme"; 28 | 29 | // The number of Win32Window objects that currently exist. 30 | static int g_active_window_count = 0; 31 | 32 | using EnableNonClientDpiScaling = BOOL __stdcall(HWND hwnd); 33 | 34 | // Scale helper to convert logical scaler values to physical using passed in 35 | // scale factor 36 | int Scale(int source, double scale_factor) { 37 | return static_cast(source * scale_factor); 38 | } 39 | 40 | // Dynamically loads the |EnableNonClientDpiScaling| from the User32 module. 41 | // This API is only needed for PerMonitor V1 awareness mode. 42 | void EnableFullDpiSupportIfAvailable(HWND hwnd) { 43 | HMODULE user32_module = LoadLibraryA("User32.dll"); 44 | if (!user32_module) { 45 | return; 46 | } 47 | auto enable_non_client_dpi_scaling = 48 | reinterpret_cast( 49 | GetProcAddress(user32_module, "EnableNonClientDpiScaling")); 50 | if (enable_non_client_dpi_scaling != nullptr) { 51 | enable_non_client_dpi_scaling(hwnd); 52 | } 53 | FreeLibrary(user32_module); 54 | } 55 | 56 | } // namespace 57 | 58 | // Manages the Win32Window's window class registration. 59 | class WindowClassRegistrar { 60 | public: 61 | ~WindowClassRegistrar() = default; 62 | 63 | // Returns the singleton registrar instance. 64 | static WindowClassRegistrar* GetInstance() { 65 | if (!instance_) { 66 | instance_ = new WindowClassRegistrar(); 67 | } 68 | return instance_; 69 | } 70 | 71 | // Returns the name of the window class, registering the class if it hasn't 72 | // previously been registered. 73 | const wchar_t* GetWindowClass(); 74 | 75 | // Unregisters the window class. Should only be called if there are no 76 | // instances of the window. 77 | void UnregisterWindowClass(); 78 | 79 | private: 80 | WindowClassRegistrar() = default; 81 | 82 | static WindowClassRegistrar* instance_; 83 | 84 | bool class_registered_ = false; 85 | }; 86 | 87 | WindowClassRegistrar* WindowClassRegistrar::instance_ = nullptr; 88 | 89 | const wchar_t* WindowClassRegistrar::GetWindowClass() { 90 | if (!class_registered_) { 91 | WNDCLASS window_class{}; 92 | window_class.hCursor = LoadCursor(nullptr, IDC_ARROW); 93 | window_class.lpszClassName = kWindowClassName; 94 | window_class.style = CS_HREDRAW | CS_VREDRAW; 95 | window_class.cbClsExtra = 0; 96 | window_class.cbWndExtra = 0; 97 | window_class.hInstance = GetModuleHandle(nullptr); 98 | window_class.hIcon = 99 | LoadIcon(window_class.hInstance, MAKEINTRESOURCE(IDI_APP_ICON)); 100 | window_class.hbrBackground = 0; 101 | window_class.lpszMenuName = nullptr; 102 | window_class.lpfnWndProc = Win32Window::WndProc; 103 | RegisterClass(&window_class); 104 | class_registered_ = true; 105 | } 106 | return kWindowClassName; 107 | } 108 | 109 | void WindowClassRegistrar::UnregisterWindowClass() { 110 | UnregisterClass(kWindowClassName, nullptr); 111 | class_registered_ = false; 112 | } 113 | 114 | Win32Window::Win32Window() { 115 | ++g_active_window_count; 116 | } 117 | 118 | Win32Window::~Win32Window() { 119 | --g_active_window_count; 120 | Destroy(); 121 | } 122 | 123 | bool Win32Window::Create(const std::wstring& title, 124 | const Point& origin, 125 | const Size& size) { 126 | Destroy(); 127 | 128 | const wchar_t* window_class = 129 | WindowClassRegistrar::GetInstance()->GetWindowClass(); 130 | 131 | const POINT target_point = {static_cast(origin.x), 132 | static_cast(origin.y)}; 133 | HMONITOR monitor = MonitorFromPoint(target_point, MONITOR_DEFAULTTONEAREST); 134 | UINT dpi = FlutterDesktopGetDpiForMonitor(monitor); 135 | double scale_factor = dpi / 96.0; 136 | 137 | HWND window = CreateWindow( 138 | window_class, title.c_str(), WS_OVERLAPPEDWINDOW, 139 | Scale(origin.x, scale_factor), Scale(origin.y, scale_factor), 140 | Scale(size.width, scale_factor), Scale(size.height, scale_factor), 141 | nullptr, nullptr, GetModuleHandle(nullptr), this); 142 | 143 | if (!window) { 144 | return false; 145 | } 146 | 147 | UpdateTheme(window); 148 | 149 | return OnCreate(); 150 | } 151 | 152 | bool Win32Window::Show() { 153 | return ShowWindow(window_handle_, SW_SHOWNORMAL); 154 | } 155 | 156 | // static 157 | LRESULT CALLBACK Win32Window::WndProc(HWND const window, 158 | UINT const message, 159 | WPARAM const wparam, 160 | LPARAM const lparam) noexcept { 161 | if (message == WM_NCCREATE) { 162 | auto window_struct = reinterpret_cast(lparam); 163 | SetWindowLongPtr(window, GWLP_USERDATA, 164 | reinterpret_cast(window_struct->lpCreateParams)); 165 | 166 | auto that = static_cast(window_struct->lpCreateParams); 167 | EnableFullDpiSupportIfAvailable(window); 168 | that->window_handle_ = window; 169 | } else if (Win32Window* that = GetThisFromHandle(window)) { 170 | return that->MessageHandler(window, message, wparam, lparam); 171 | } 172 | 173 | return DefWindowProc(window, message, wparam, lparam); 174 | } 175 | 176 | LRESULT 177 | Win32Window::MessageHandler(HWND hwnd, 178 | UINT const message, 179 | WPARAM const wparam, 180 | LPARAM const lparam) noexcept { 181 | switch (message) { 182 | case WM_DESTROY: 183 | window_handle_ = nullptr; 184 | Destroy(); 185 | if (quit_on_close_) { 186 | PostQuitMessage(0); 187 | } 188 | return 0; 189 | 190 | case WM_DPICHANGED: { 191 | auto newRectSize = reinterpret_cast(lparam); 192 | LONG newWidth = newRectSize->right - newRectSize->left; 193 | LONG newHeight = newRectSize->bottom - newRectSize->top; 194 | 195 | SetWindowPos(hwnd, nullptr, newRectSize->left, newRectSize->top, newWidth, 196 | newHeight, SWP_NOZORDER | SWP_NOACTIVATE); 197 | 198 | return 0; 199 | } 200 | case WM_SIZE: { 201 | RECT rect = GetClientArea(); 202 | if (child_content_ != nullptr) { 203 | // Size and position the child window. 204 | MoveWindow(child_content_, rect.left, rect.top, rect.right - rect.left, 205 | rect.bottom - rect.top, TRUE); 206 | } 207 | return 0; 208 | } 209 | 210 | case WM_ACTIVATE: 211 | if (child_content_ != nullptr) { 212 | SetFocus(child_content_); 213 | } 214 | return 0; 215 | 216 | case WM_DWMCOLORIZATIONCOLORCHANGED: 217 | UpdateTheme(hwnd); 218 | return 0; 219 | } 220 | 221 | return DefWindowProc(window_handle_, message, wparam, lparam); 222 | } 223 | 224 | void Win32Window::Destroy() { 225 | OnDestroy(); 226 | 227 | if (window_handle_) { 228 | DestroyWindow(window_handle_); 229 | window_handle_ = nullptr; 230 | } 231 | if (g_active_window_count == 0) { 232 | WindowClassRegistrar::GetInstance()->UnregisterWindowClass(); 233 | } 234 | } 235 | 236 | Win32Window* Win32Window::GetThisFromHandle(HWND const window) noexcept { 237 | return reinterpret_cast( 238 | GetWindowLongPtr(window, GWLP_USERDATA)); 239 | } 240 | 241 | void Win32Window::SetChildContent(HWND content) { 242 | child_content_ = content; 243 | SetParent(content, window_handle_); 244 | RECT frame = GetClientArea(); 245 | 246 | MoveWindow(content, frame.left, frame.top, frame.right - frame.left, 247 | frame.bottom - frame.top, true); 248 | 249 | SetFocus(child_content_); 250 | } 251 | 252 | RECT Win32Window::GetClientArea() { 253 | RECT frame; 254 | GetClientRect(window_handle_, &frame); 255 | return frame; 256 | } 257 | 258 | HWND Win32Window::GetHandle() { 259 | return window_handle_; 260 | } 261 | 262 | void Win32Window::SetQuitOnClose(bool quit_on_close) { 263 | quit_on_close_ = quit_on_close; 264 | } 265 | 266 | bool Win32Window::OnCreate() { 267 | // No-op; provided for subclasses. 268 | return true; 269 | } 270 | 271 | void Win32Window::OnDestroy() { 272 | // No-op; provided for subclasses. 273 | } 274 | 275 | void Win32Window::UpdateTheme(HWND const window) { 276 | DWORD light_mode; 277 | DWORD light_mode_size = sizeof(light_mode); 278 | LSTATUS result = RegGetValue(HKEY_CURRENT_USER, kGetPreferredBrightnessRegKey, 279 | kGetPreferredBrightnessRegValue, 280 | RRF_RT_REG_DWORD, nullptr, &light_mode, 281 | &light_mode_size); 282 | 283 | if (result == ERROR_SUCCESS) { 284 | BOOL enable_dark_mode = light_mode == 0; 285 | DwmSetWindowAttribute(window, DWMWA_USE_IMMERSIVE_DARK_MODE, 286 | &enable_dark_mode, sizeof(enable_dark_mode)); 287 | } 288 | } 289 | -------------------------------------------------------------------------------- /pubspec.lock: -------------------------------------------------------------------------------- 1 | # Generated by pub 2 | # See https://dart.dev/tools/pub/glossary#lockfile 3 | packages: 4 | async: 5 | dependency: transitive 6 | description: 7 | name: async 8 | sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c" 9 | url: "https://pub.dev" 10 | source: hosted 11 | version: "2.11.0" 12 | boolean_selector: 13 | dependency: transitive 14 | description: 15 | name: boolean_selector 16 | sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66" 17 | url: "https://pub.dev" 18 | source: hosted 19 | version: "2.1.1" 20 | characters: 21 | dependency: transitive 22 | description: 23 | name: characters 24 | sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605" 25 | url: "https://pub.dev" 26 | source: hosted 27 | version: "1.3.0" 28 | clock: 29 | dependency: transitive 30 | description: 31 | name: clock 32 | sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf 33 | url: "https://pub.dev" 34 | source: hosted 35 | version: "1.1.1" 36 | collection: 37 | dependency: transitive 38 | description: 39 | name: collection 40 | sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a 41 | url: "https://pub.dev" 42 | source: hosted 43 | version: "1.18.0" 44 | fake_async: 45 | dependency: transitive 46 | description: 47 | name: fake_async 48 | sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78" 49 | url: "https://pub.dev" 50 | source: hosted 51 | version: "1.3.1" 52 | flutter: 53 | dependency: "direct main" 54 | description: flutter 55 | source: sdk 56 | version: "0.0.0" 57 | flutter_lints: 58 | dependency: "direct dev" 59 | description: 60 | name: flutter_lints 61 | sha256: "9e8c3858111da373efc5aa341de011d9bd23e2c5c5e0c62bccf32438e192d7b1" 62 | url: "https://pub.dev" 63 | source: hosted 64 | version: "3.0.2" 65 | flutter_portal: 66 | dependency: "direct main" 67 | description: 68 | name: flutter_portal 69 | sha256: "4601b3dc24f385b3761721bd852a3f6c09cddd4e943dd184ed58ee1f43006257" 70 | url: "https://pub.dev" 71 | source: hosted 72 | version: "1.1.4" 73 | flutter_test: 74 | dependency: "direct dev" 75 | description: flutter 76 | source: sdk 77 | version: "0.0.0" 78 | flutter_web_plugins: 79 | dependency: transitive 80 | description: flutter 81 | source: sdk 82 | version: "0.0.0" 83 | intl: 84 | dependency: "direct main" 85 | description: 86 | name: intl 87 | sha256: d6f56758b7d3014a48af9701c085700aac781a92a87a62b1333b46d8879661cf 88 | url: "https://pub.dev" 89 | source: hosted 90 | version: "0.19.0" 91 | leak_tracker: 92 | dependency: transitive 93 | description: 94 | name: leak_tracker 95 | sha256: "7f0df31977cb2c0b88585095d168e689669a2cc9b97c309665e3386f3e9d341a" 96 | url: "https://pub.dev" 97 | source: hosted 98 | version: "10.0.4" 99 | leak_tracker_flutter_testing: 100 | dependency: transitive 101 | description: 102 | name: leak_tracker_flutter_testing 103 | sha256: "06e98f569d004c1315b991ded39924b21af84cf14cc94791b8aea337d25b57f8" 104 | url: "https://pub.dev" 105 | source: hosted 106 | version: "3.0.3" 107 | leak_tracker_testing: 108 | dependency: transitive 109 | description: 110 | name: leak_tracker_testing 111 | sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3" 112 | url: "https://pub.dev" 113 | source: hosted 114 | version: "3.0.1" 115 | lints: 116 | dependency: transitive 117 | description: 118 | name: lints 119 | sha256: cbf8d4b858bb0134ef3ef87841abdf8d63bfc255c266b7bf6b39daa1085c4290 120 | url: "https://pub.dev" 121 | source: hosted 122 | version: "3.0.0" 123 | matcher: 124 | dependency: transitive 125 | description: 126 | name: matcher 127 | sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb 128 | url: "https://pub.dev" 129 | source: hosted 130 | version: "0.12.16+1" 131 | material_color_utilities: 132 | dependency: transitive 133 | description: 134 | name: material_color_utilities 135 | sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a" 136 | url: "https://pub.dev" 137 | source: hosted 138 | version: "0.8.0" 139 | meta: 140 | dependency: transitive 141 | description: 142 | name: meta 143 | sha256: "7687075e408b093f36e6bbf6c91878cc0d4cd10f409506f7bc996f68220b9136" 144 | url: "https://pub.dev" 145 | source: hosted 146 | version: "1.12.0" 147 | path: 148 | dependency: transitive 149 | description: 150 | name: path 151 | sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af" 152 | url: "https://pub.dev" 153 | source: hosted 154 | version: "1.9.0" 155 | plugin_platform_interface: 156 | dependency: transitive 157 | description: 158 | name: plugin_platform_interface 159 | sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02" 160 | url: "https://pub.dev" 161 | source: hosted 162 | version: "2.1.8" 163 | sky_engine: 164 | dependency: transitive 165 | description: flutter 166 | source: sdk 167 | version: "0.0.99" 168 | source_span: 169 | dependency: transitive 170 | description: 171 | name: source_span 172 | sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c" 173 | url: "https://pub.dev" 174 | source: hosted 175 | version: "1.10.0" 176 | stack_trace: 177 | dependency: transitive 178 | description: 179 | name: stack_trace 180 | sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b" 181 | url: "https://pub.dev" 182 | source: hosted 183 | version: "1.11.1" 184 | stream_channel: 185 | dependency: transitive 186 | description: 187 | name: stream_channel 188 | sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7 189 | url: "https://pub.dev" 190 | source: hosted 191 | version: "2.1.2" 192 | string_scanner: 193 | dependency: transitive 194 | description: 195 | name: string_scanner 196 | sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde" 197 | url: "https://pub.dev" 198 | source: hosted 199 | version: "1.2.0" 200 | term_glyph: 201 | dependency: transitive 202 | description: 203 | name: term_glyph 204 | sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84 205 | url: "https://pub.dev" 206 | source: hosted 207 | version: "1.2.1" 208 | test_api: 209 | dependency: transitive 210 | description: 211 | name: test_api 212 | sha256: "9955ae474176f7ac8ee4e989dadfb411a58c30415bcfb648fa04b2b8a03afa7f" 213 | url: "https://pub.dev" 214 | source: hosted 215 | version: "0.7.0" 216 | url_launcher: 217 | dependency: "direct main" 218 | description: 219 | name: url_launcher 220 | sha256: "6ce1e04375be4eed30548f10a315826fd933c1e493206eab82eed01f438c8d2e" 221 | url: "https://pub.dev" 222 | source: hosted 223 | version: "6.2.6" 224 | url_launcher_android: 225 | dependency: transitive 226 | description: 227 | name: url_launcher_android 228 | sha256: "17cd5e205ea615e2c6ea7a77323a11712dffa0720a8a90540db57a01347f9ad9" 229 | url: "https://pub.dev" 230 | source: hosted 231 | version: "6.3.2" 232 | url_launcher_ios: 233 | dependency: transitive 234 | description: 235 | name: url_launcher_ios 236 | sha256: "7068716403343f6ba4969b4173cbf3b84fc768042124bc2c011e5d782b24fe89" 237 | url: "https://pub.dev" 238 | source: hosted 239 | version: "6.3.0" 240 | url_launcher_linux: 241 | dependency: transitive 242 | description: 243 | name: url_launcher_linux 244 | sha256: ab360eb661f8879369acac07b6bb3ff09d9471155357da8443fd5d3cf7363811 245 | url: "https://pub.dev" 246 | source: hosted 247 | version: "3.1.1" 248 | url_launcher_macos: 249 | dependency: transitive 250 | description: 251 | name: url_launcher_macos 252 | sha256: "9a1a42d5d2d95400c795b2914c36fdcb525870c752569438e4ebb09a2b5d90de" 253 | url: "https://pub.dev" 254 | source: hosted 255 | version: "3.2.0" 256 | url_launcher_platform_interface: 257 | dependency: transitive 258 | description: 259 | name: url_launcher_platform_interface 260 | sha256: "552f8a1e663569be95a8190206a38187b531910283c3e982193e4f2733f01029" 261 | url: "https://pub.dev" 262 | source: hosted 263 | version: "2.3.2" 264 | url_launcher_web: 265 | dependency: transitive 266 | description: 267 | name: url_launcher_web 268 | sha256: "8d9e750d8c9338601e709cd0885f95825086bd8b642547f26bda435aade95d8a" 269 | url: "https://pub.dev" 270 | source: hosted 271 | version: "2.3.1" 272 | url_launcher_windows: 273 | dependency: transitive 274 | description: 275 | name: url_launcher_windows 276 | sha256: ecf9725510600aa2bb6d7ddabe16357691b6d2805f66216a97d1b881e21beff7 277 | url: "https://pub.dev" 278 | source: hosted 279 | version: "3.1.1" 280 | vector_math: 281 | dependency: "direct main" 282 | description: 283 | name: vector_math 284 | sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803" 285 | url: "https://pub.dev" 286 | source: hosted 287 | version: "2.1.4" 288 | vm_service: 289 | dependency: transitive 290 | description: 291 | name: vm_service 292 | sha256: "3923c89304b715fb1eb6423f017651664a03bf5f4b29983627c4da791f74a4ec" 293 | url: "https://pub.dev" 294 | source: hosted 295 | version: "14.2.1" 296 | web: 297 | dependency: transitive 298 | description: 299 | name: web 300 | sha256: "97da13628db363c635202ad97068d47c5b8aa555808e7a9411963c533b449b27" 301 | url: "https://pub.dev" 302 | source: hosted 303 | version: "0.5.1" 304 | sdks: 305 | dart: ">=3.3.0 <4.0.0" 306 | flutter: ">=3.19.0" 307 | -------------------------------------------------------------------------------- /lib/widgets/popup.dart: -------------------------------------------------------------------------------- 1 | import 'dart:ui'; 2 | 3 | import 'package:flutter/material.dart'; 4 | import 'package:flutter/services.dart'; 5 | import 'package:popup_playground/widgets/enhanced_composited_transform_follower.dart'; 6 | import 'package:popup_playground/widgets/enhanced_composited_transform_target.dart'; 7 | 8 | /// A function that builds a widget with a controller. 9 | typedef PopupWidgetBuilder = Widget Function( 10 | BuildContext context, 11 | OverlayPortalController controller, 12 | ); 13 | 14 | /// {@template popup} 15 | /// A widget that shows a follower widget relative to a target widget. 16 | /// 17 | /// Under the hood, it uses [OverlayPortal] that is a declarative version 18 | /// of [OverlayEntry]. In order to position the follower widget relative to 19 | /// the target widget, it uses [CompositedTransformTarget] and 20 | /// [EnhancedCompositedTransformFollower]. 21 | /// 22 | /// This widget is useful when you want to show a popup, tooltip, or dropdown 23 | /// relative to a target widget. It also automatically manages the position on 24 | /// the screen and ensures that the follower widget is always visible 25 | /// (i.e. it doesn't overflow the screen) by adjusting the position. 26 | /// {@endtemplate} 27 | class Popup extends StatefulWidget { 28 | /// Creates a new instance of [Popup]. 29 | /// 30 | /// {@macro popup} 31 | const Popup({ 32 | required this.follower, 33 | required this.child, 34 | this.controller, 35 | this.flip = true, 36 | this.adjustForOverflow = true, 37 | this.edgeInsets = EdgeInsets.zero, 38 | this.followerAnchor = Alignment.topCenter, 39 | this.targetAnchor = Alignment.bottomCenter, 40 | this.enforceLeaderWidth = false, 41 | this.enforceLeaderHeight = false, 42 | super.key, 43 | }); 44 | 45 | /// The target widget that the follower widget is positioned relative to. 46 | final PopupWidgetBuilder child; 47 | 48 | /// The widget that is positioned relative to the target widget. 49 | final PopupWidgetBuilder follower; 50 | 51 | /// The alignment of the follower widget relative to the target widget. 52 | /// 53 | /// Defaults to [Alignment.topCenter]. 54 | final Alignment followerAnchor; 55 | 56 | /// The alignment of the target widget relative to the follower widget. 57 | /// 58 | /// Defaults to [Alignment.bottomCenter]. 59 | final Alignment targetAnchor; 60 | 61 | /// The minimal distance between the follower widget and corners. 62 | /// 63 | /// Defaults to [EdgeInsets.zero]. 64 | final EdgeInsets edgeInsets; 65 | 66 | /// The controller that will be used to show/hide the overlay. 67 | /// 68 | /// If not provided, a new controller will be created. 69 | final OverlayPortalController? controller; 70 | 71 | /// Whether to flip the follower widget when it overflows the screen. 72 | /// 73 | /// For example, if the follower widget overflows the screen on the right side, 74 | /// it will be flipped to the left side. 75 | /// 76 | /// Defaults to `true`. 77 | final bool flip; 78 | 79 | /// Whether to adjust the position of the follower widget when it overflows the screen. 80 | /// 81 | /// For example, if the follower widget overflows the screen on the right side for 20 pixels, 82 | /// it will be moved to the left side for 20 pixels, same for the top, bottom, and left sides. 83 | /// 84 | /// Defaults to `true`. 85 | final bool adjustForOverflow; 86 | 87 | /// Whether to enforce the width of the leader widget on the follower widget. 88 | /// 89 | /// This can be useful to make follower widget be the same width as the leader widget. 90 | /// 91 | /// Defaults to `false`. 92 | final bool enforceLeaderWidth; 93 | 94 | /// Whether to enforce the height of the leader widget on the follower widget. 95 | /// 96 | /// This can be useful to make follower widget be the same height as the leader widget. 97 | /// 98 | /// Defaults to `false`. 99 | final bool enforceLeaderHeight; 100 | 101 | /// Returns the areas of the screen that are obstructed by display features. 102 | /// 103 | /// A [DisplayFeature] obstructs the screen when the area it occupies is 104 | /// not 0 or the `state` is [DisplayFeatureState.postureHalfOpened]. 105 | static Iterable findDisplayFeatureBounds(List features) { 106 | return features 107 | .where((DisplayFeature d) => 108 | d.bounds.shortestSide > 0 || d.state == DisplayFeatureState.postureHalfOpened) 109 | .map((DisplayFeature d) => d.bounds); 110 | } 111 | 112 | @override 113 | State createState() => _PopupState(); 114 | } 115 | 116 | class _PopupState extends State { 117 | /// The link between the target widget and the follower widget. 118 | final _layerLink = EnhancedLayerLink(); 119 | 120 | /// The controller that is used to show/hide the overlay. 121 | late OverlayPortalController portalController; 122 | 123 | @override 124 | void initState() { 125 | portalController = widget.controller ?? OverlayPortalController(debugLabel: 'Popup'); 126 | super.initState(); 127 | } 128 | 129 | @override 130 | void didUpdateWidget(covariant Popup oldWidget) { 131 | if (!identical(widget.controller, oldWidget.controller)) { 132 | portalController = widget.controller ?? OverlayPortalController(debugLabel: 'Popup'); 133 | } 134 | super.didUpdateWidget(oldWidget); 135 | } 136 | 137 | @override 138 | Widget build(BuildContext context) { 139 | final displayFeatureBounds = Popup.findDisplayFeatureBounds( 140 | MediaQuery.displayFeaturesOf(context), 141 | ); 142 | 143 | return EnhancedCompositedTransformTarget( 144 | link: _layerLink, // link the target widget to the follower widget. 145 | child: OverlayPortal( 146 | controller: portalController, 147 | child: widget.child(context, portalController), 148 | overlayChildBuilder: (BuildContext context) => Center( 149 | child: EnhancedCompositedTransformFollower( 150 | link: _layerLink, // link the follower widget to the target widget. 151 | showWhenUnlinked: false, // don't show the follower widget when unlinked. 152 | followerAnchor: widget.followerAnchor, 153 | targetAnchor: widget.targetAnchor, 154 | edgePadding: widget.edgeInsets, 155 | flip: widget.flip, 156 | adjustForOverflow: widget.adjustForOverflow, 157 | enforceLeaderWidth: widget.enforceLeaderWidth, 158 | enforceLeaderHeight: widget.enforceLeaderHeight, 159 | displayFeatureBounds: displayFeatureBounds, 160 | child: Builder(builder: (context) => widget.follower(context, portalController)), 161 | ), 162 | ), 163 | ), 164 | ); 165 | } 166 | } 167 | 168 | /// Follower builder that wraps the child widget. 169 | typedef PopupFollowerBuilder = Widget Function(BuildContext context, Widget? child); 170 | 171 | /// Handles for follower widgets. 172 | abstract interface class PopupFollowerController { 173 | /// Dismisses the popup. 174 | void dismiss(); 175 | } 176 | 177 | /// {@template popup_follower} 178 | /// A widget that adds additional functionality to the child widget. 179 | /// 180 | /// It listens for the escape key and dismisses the popup when pressed. 181 | /// It also listens for the tap outside the child widget and dismisses the popup. 182 | /// {@endtemplate} 183 | class PopupFollower extends StatefulWidget { 184 | /// Creates a new instance of [PopupFollower]. 185 | /// 186 | /// {@macro popup_follower} 187 | const PopupFollower({ 188 | required this.child, 189 | this.onDismiss, 190 | this.tapRegionGroupId, 191 | this.focusScopeNode, 192 | this.skipTraversal, 193 | this.consumeOutsideTaps = false, 194 | this.dismissOnResize = false, 195 | this.dismissOnScroll = true, 196 | this.constraints = const BoxConstraints(), 197 | this.autofocus = true, 198 | super.key, 199 | }) : assert(child != null); 200 | 201 | /// The child widget that is wrapped. 202 | final Widget? child; 203 | 204 | /// The callback that is called when the popup is dismissed. 205 | /// 206 | /// If this callback is not provided, the popup will not be dismissible. 207 | final VoidCallback? onDismiss; 208 | 209 | /// Follower constraints, if any. 210 | final BoxConstraints constraints; 211 | 212 | /// The group id of the [TapRegion]. 213 | /// 214 | /// Refers to the [TapRegion.groupId]. 215 | final Object? tapRegionGroupId; 216 | 217 | /// Whether to consume the outside taps. 218 | /// 219 | /// Refers to the [TapRegion.consumeOutsideTaps]. 220 | final bool consumeOutsideTaps; 221 | 222 | /// Whether to dismiss the popup when the window is resized. 223 | final bool dismissOnResize; 224 | 225 | /// Whether to dismiss the popup when the scroll occurs. 226 | final bool dismissOnScroll; 227 | 228 | /// Whether the focus should be set to the child widget. 229 | final bool autofocus; 230 | 231 | /// The focus scope node. 232 | final FocusScopeNode? focusScopeNode; 233 | 234 | /// Whether to skip the focus traversal. 235 | final bool? skipTraversal; 236 | 237 | @override 238 | State createState() => PopupFollowerState(); 239 | } 240 | 241 | class PopupFollowerState extends State 242 | with WidgetsBindingObserver 243 | implements PopupFollowerController { 244 | FollowerScope? _parent; 245 | ScrollPosition? _scrollPosition; 246 | 247 | bool get isRoot => _parent == null; 248 | 249 | @override 250 | void initState() { 251 | WidgetsBinding.instance.addObserver(this); 252 | 253 | super.initState(); 254 | } 255 | 256 | @override 257 | void didChangeDependencies() { 258 | _scrollPosition?.removeListener(_scrollableListener); 259 | _scrollPosition = Scrollable.maybeOf(context)?.position?..addListener(_scrollableListener); 260 | _parent = FollowerScope.maybeOf(context, listen: true); 261 | super.didChangeDependencies(); 262 | } 263 | 264 | @override 265 | void didChangeMetrics() { 266 | if (widget.dismissOnResize) { 267 | widget.onDismiss?.call(); 268 | } 269 | super.didChangeMetrics(); 270 | } 271 | 272 | void _scrollableListener() { 273 | if (widget.onDismiss != null && widget.dismissOnScroll && isRoot) { 274 | widget.onDismiss?.call(); 275 | } 276 | } 277 | 278 | @override 279 | void dismiss() { 280 | if (widget.onDismiss != null && isRoot) { 281 | widget.onDismiss?.call(); 282 | } 283 | } 284 | 285 | @override 286 | void dispose() { 287 | WidgetsBinding.instance.removeObserver(this); 288 | _scrollPosition?.removeListener(_scrollableListener); 289 | 290 | super.dispose(); 291 | } 292 | 293 | @override 294 | Widget build(BuildContext context) => FollowerScope( 295 | controller: this, 296 | parent: _parent, 297 | child: Actions( 298 | actions: { 299 | DismissIntent: CallbackAction( 300 | onInvoke: (intent) => widget.onDismiss?.call(), 301 | ), 302 | }, 303 | child: Shortcuts( 304 | debugLabel: 'PopupFollower', 305 | shortcuts: { 306 | LogicalKeySet(LogicalKeyboardKey.escape): const DismissIntent(), 307 | }, 308 | child: Semantics( 309 | container: true, 310 | explicitChildNodes: true, 311 | child: FocusScope( 312 | debugLabel: 'PopupFollower', 313 | node: widget.focusScopeNode, 314 | skipTraversal: widget.skipTraversal, 315 | canRequestFocus: true, 316 | child: TapRegion( 317 | debugLabel: 'PopupFollower', 318 | groupId: widget.tapRegionGroupId, 319 | consumeOutsideTaps: widget.consumeOutsideTaps, 320 | onTapOutside: (_) => widget.onDismiss?.call(), 321 | child: ConstrainedBox( 322 | constraints: widget.constraints, 323 | child: widget.child, 324 | ), 325 | ), 326 | ), 327 | ), 328 | ), 329 | ), 330 | ); 331 | } 332 | 333 | /// Follower Scope 334 | class FollowerScope extends InheritedWidget { 335 | /// Creates a new instance of [FollowerScope]. 336 | const FollowerScope({ 337 | required super.child, 338 | required this.controller, 339 | this.parent, 340 | super.key, 341 | }); 342 | 343 | final PopupFollowerController controller; 344 | final FollowerScope? parent; 345 | 346 | /// Returns the closest [FollowerScope] instance. 347 | static FollowerScope? maybeOf(BuildContext context, {bool listen = false}) { 348 | return listen 349 | ? context.dependOnInheritedWidgetOfExactType() 350 | : context.getElementForInheritedWidgetOfExactType()?.widget 351 | as FollowerScope?; 352 | } 353 | 354 | /// Returns the root [FollowerScope] instance. 355 | static FollowerScope? findRootOf(BuildContext context, {bool listen = false}) { 356 | var scope = maybeOf(context, listen: listen); 357 | while (scope?.parent != null) { 358 | scope = scope?.parent; 359 | } 360 | return scope; 361 | } 362 | 363 | @override 364 | bool updateShouldNotify(FollowerScope oldWidget) => false; 365 | } 366 | -------------------------------------------------------------------------------- /lib/custom_popups.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:popup_playground/widgets/custom_dropdown.dart'; 3 | import 'package:popup_playground/widgets/custom_tooltip.dart'; 4 | import 'package:popup_playground/widgets/popup.dart'; 5 | import 'package:popup_playground/widgets/showcase_widgets.dart'; 6 | 7 | class CustomPopupsShowcase extends StatefulWidget { 8 | const CustomPopupsShowcase({super.key}); 9 | 10 | @override 11 | State createState() => _CustomPopupsShowcaseState(); 12 | } 13 | 14 | class _CustomPopupsShowcaseState extends State { 15 | @override 16 | Widget build(BuildContext context) { 17 | final textTheme = Theme.of(context).textTheme; 18 | final expanded = MediaQuery.sizeOf(context).width > 700; 19 | 20 | return SliverList.list( 21 | children: [ 22 | Text('Custom Popups', style: textTheme.headlineLarge), 23 | const SizedBox(height: 8), 24 | Text( 25 | 'This section showcases custom popups that can be created using the Popup widget. ' 26 | 'Popup is a versatile widget that can be used to create custom popups with ease. ', 27 | style: textTheme.bodyLarge, 28 | ), 29 | const SizedBox(height: 16), 30 | Align( 31 | alignment: Alignment.centerLeft, 32 | child: SizedBox( 33 | width: 700, 34 | child: WidgetWithDescription( 35 | title: 'Dropdown', 36 | description: 'Popup that shows a list of items when tapped. ' 37 | 'The dropdown is shown below the target widget if there is enough space.', 38 | expanded: expanded, 39 | child: const _CustomDropdown(), 40 | ), 41 | ), 42 | ), 43 | const SizedBox(height: 16), 44 | Align( 45 | alignment: Alignment.centerLeft, 46 | child: SizedBox( 47 | width: 700, 48 | child: WidgetWithDescription( 49 | title: 'Custom Anchor', 50 | description: 'Popup that is shown on the right side of a button.', 51 | expanded: expanded, 52 | child: const _CustomAnchorPopup(), 53 | ), 54 | ), 55 | ), 56 | const SizedBox(height: 16), 57 | Align( 58 | alignment: Alignment.centerLeft, 59 | child: SizedBox( 60 | width: 700, 61 | child: WidgetWithDescription( 62 | title: 'Menu with Submenus', 63 | description: 'A popup that shows a menu with a submenu. ' 64 | 'The submenu is shown when hovering over the menu item.', 65 | expanded: expanded, 66 | child: const MenuWithSubmenuPopup(), 67 | ), 68 | ), 69 | ), 70 | const SizedBox(height: 16), 71 | Align( 72 | alignment: Alignment.centerLeft, 73 | child: SizedBox( 74 | width: 700, 75 | child: WidgetWithDescription( 76 | title: 'Tooltip', 77 | description: 'An animated tooltip that is shown when hovering over an icon.', 78 | expanded: expanded, 79 | child: const TooltipPopup(), 80 | ), 81 | ), 82 | ), 83 | const SizedBox(height: 16), 84 | Text( 85 | 'Possibilities are endless with the Popup widget.', 86 | style: textTheme.titleLarge, 87 | ), 88 | ], 89 | ); 90 | } 91 | } 92 | 93 | class _CustomDropdown extends StatefulWidget { 94 | const _CustomDropdown(); 95 | 96 | @override 97 | State<_CustomDropdown> createState() => _CustomDropdownState(); 98 | } 99 | 100 | class _CustomDropdownState extends State<_CustomDropdown> { 101 | static final items = List.generate( 102 | 5, 103 | (index) => CustomDropdownEntry(index, 'Item $index'), 104 | ); 105 | 106 | CustomDropdownEntry? value; 107 | 108 | @override 109 | Widget build(BuildContext context) => CustomDropdown( 110 | items: items, 111 | activeItem: value, 112 | onChanged: (entry) => setState(() => value = entry), 113 | ); 114 | } 115 | 116 | class AnimatedTooltip extends StatefulWidget { 117 | const AnimatedTooltip({super.key}); 118 | 119 | @override 120 | State createState() => _AnimatedTooltipState(); 121 | } 122 | 123 | class _AnimatedTooltipState extends State with SingleTickerProviderStateMixin { 124 | final popupController = OverlayPortalController(); 125 | late final _animationController = 126 | AnimationController(vsync: this, duration: const Duration(milliseconds: 200)); 127 | 128 | void _show() { 129 | _animationController.forward(); 130 | popupController.show(); 131 | } 132 | 133 | void _hide() { 134 | _animationController.reverse().whenCompleteOrCancel(() { 135 | popupController.hide(); 136 | }); 137 | } 138 | 139 | @override 140 | Widget build(BuildContext context) { 141 | final theme = Theme.of(context); 142 | return Popup( 143 | controller: popupController, 144 | targetAnchor: Alignment.bottomCenter, 145 | followerAnchor: Alignment.topCenter, 146 | child: (context, controller) => MouseRegion( 147 | onEnter: (_) => _show(), 148 | onExit: (_) => _hide(), 149 | child: TapRegion( 150 | groupId: 'tooltip', 151 | child: IconButton( 152 | icon: const Icon(Icons.info), 153 | onPressed: () => controller.isShowing ? _hide() : _show(), 154 | color: Theme.of(context).colorScheme.secondary, 155 | ), 156 | ), 157 | ), 158 | follower: (context, controller) => PopupFollower( 159 | tapRegionGroupId: 'tooltip', 160 | onDismiss: () => _hide(), 161 | child: AnimatedBuilder( 162 | animation: _animationController, 163 | builder: (context, child) => FadeTransition( 164 | opacity: _animationController, 165 | child: SizedBox( 166 | width: 300, 167 | child: Card( 168 | child: Padding( 169 | padding: const EdgeInsets.all(8), 170 | child: Text( 171 | 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' 172 | 'Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 173 | style: theme.textTheme.bodyMedium, 174 | ), 175 | ), 176 | ), 177 | ), 178 | ), 179 | ), 180 | ), 181 | ); 182 | } 183 | } 184 | 185 | class TooltipPopup extends StatelessWidget { 186 | const TooltipPopup({super.key}); 187 | 188 | @override 189 | Widget build(BuildContext context) => CustomTooltip( 190 | content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' 191 | 'Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 192 | child: Icon(Icons.info, color: Theme.of(context).colorScheme.secondary), 193 | ); 194 | } 195 | 196 | class _CustomAnchorPopup extends StatelessWidget { 197 | const _CustomAnchorPopup(); 198 | 199 | @override 200 | Widget build(BuildContext context) => Popup( 201 | targetAnchor: Alignment.centerRight, 202 | followerAnchor: Alignment.centerLeft, 203 | child: (context, controller) => FilledButton( 204 | onPressed: controller.show, 205 | child: const Text('Show Popup with Custom Anchor'), 206 | ), 207 | follower: (context, controller) => PopupFollower( 208 | onDismiss: controller.hide, 209 | child: SizedBox( 210 | width: 150, 211 | child: Card( 212 | child: Column( 213 | mainAxisSize: MainAxisSize.min, 214 | children: [ 215 | ListTile( 216 | shape: const RoundedRectangleBorder( 217 | borderRadius: BorderRadius.only( 218 | topLeft: Radius.circular(8), 219 | topRight: Radius.circular(8), 220 | ), 221 | ), 222 | title: const Text('Item 1'), 223 | onTap: controller.hide, 224 | ), 225 | ListTile( 226 | title: const Text('Item 2'), 227 | onTap: controller.hide, 228 | ), 229 | ListTile( 230 | shape: const RoundedRectangleBorder( 231 | borderRadius: BorderRadius.only( 232 | bottomLeft: Radius.circular(8), 233 | bottomRight: Radius.circular(8), 234 | ), 235 | ), 236 | title: const Text('Item 3'), 237 | onTap: controller.hide, 238 | ), 239 | ], 240 | ), 241 | ), 242 | ), 243 | ), 244 | ); 245 | } 246 | 247 | class MenuWithSubmenuPopup extends StatelessWidget { 248 | const MenuWithSubmenuPopup({super.key}); 249 | 250 | @override 251 | Widget build(BuildContext context) => Popup( 252 | flip: false, 253 | follower: (context, controller) => _MenuItemPopup(controller: controller), 254 | child: (context, controller) => TapRegion( 255 | groupId: 'menupopup', 256 | child: FilledButton( 257 | onPressed: controller.show, 258 | child: const Text('Show Menu'), 259 | ), 260 | ), 261 | ); 262 | } 263 | 264 | class _MenuItemPopup extends StatelessWidget { 265 | const _MenuItemPopup({ 266 | required this.controller, 267 | }); 268 | 269 | final OverlayPortalController controller; 270 | 271 | @override 272 | Widget build(BuildContext context) => PopupFollower( 273 | constraints: BoxConstraints.loose(const Size(200, 200)), 274 | tapRegionGroupId: 'menupopup', 275 | onDismiss: controller.hide, 276 | child: const Card.filled( 277 | child: Column( 278 | mainAxisSize: MainAxisSize.min, 279 | children: [ 280 | _MenuPopupSection(), 281 | _MenuPopupSection(), 282 | _MenuPopupSection(), 283 | ], 284 | ), 285 | ), 286 | ); 287 | } 288 | 289 | class _MenuPopupSection extends StatefulWidget { 290 | const _MenuPopupSection(); 291 | 292 | @override 293 | State<_MenuPopupSection> createState() => _MenuPopupSectionState(); 294 | } 295 | 296 | class _MenuPopupSectionState extends State<_MenuPopupSection> { 297 | bool isMenuItemHovered = false; 298 | bool isSubmenuHovered = false; 299 | 300 | @override 301 | Widget build(BuildContext context) { 302 | return Popup( 303 | targetAnchor: Alignment.centerRight, 304 | followerAnchor: Alignment.centerLeft, 305 | follower: (context, controller) => MouseRegion( 306 | onEnter: (_) { 307 | isMenuItemHovered = true; 308 | controller.show(); 309 | }, 310 | onExit: (_) { 311 | isSubmenuHovered = false; 312 | controller.hide(); 313 | }, 314 | child: _Submenus( 315 | controller: controller, 316 | options: const [ 317 | 'Submenu Item', 318 | 'Submenu Item', 319 | 'Submenu Item', 320 | ], 321 | ), 322 | ), 323 | child: (context, controller) => MouseRegion( 324 | onEnter: (_) { 325 | isMenuItemHovered = true; 326 | controller.show(); 327 | }, 328 | onExit: (_) { 329 | if (!isSubmenuHovered) { 330 | controller.hide(); 331 | } 332 | }, 333 | onHover: (_) => controller.show(), 334 | child: ListTile( 335 | title: const Text('Menu Item'), 336 | shape: const RoundedRectangleBorder( 337 | borderRadius: BorderRadius.all( 338 | Radius.circular(8), 339 | )), 340 | onTap: controller.show, 341 | ), 342 | ), 343 | ); 344 | } 345 | } 346 | 347 | class _Submenus extends StatefulWidget { 348 | const _Submenus({ 349 | required this.options, 350 | required this.controller, 351 | }); 352 | 353 | final List options; 354 | final OverlayPortalController controller; 355 | 356 | @override 357 | State<_Submenus> createState() => _SubmenusState(); 358 | } 359 | 360 | class _SubmenusState extends State<_Submenus> { 361 | void _onPressed() { 362 | FollowerScope.findRootOf(context)?.controller.dismiss(); 363 | 364 | widget.controller.hide(); 365 | } 366 | 367 | @override 368 | Widget build(BuildContext context) => PopupFollower( 369 | constraints: BoxConstraints.loose(const Size(200, 200)), 370 | tapRegionGroupId: 'menupopup', 371 | child: Card( 372 | child: Padding( 373 | padding: const EdgeInsets.all(8.0), 374 | child: Column( 375 | mainAxisSize: MainAxisSize.min, 376 | children: [ 377 | for (final option in widget.options) 378 | ListTile( 379 | title: Text(option), 380 | onTap: _onPressed, 381 | ), 382 | ], 383 | ), 384 | ), 385 | ), 386 | ); 387 | } 388 | -------------------------------------------------------------------------------- /lib/widgets/enhanced_composited_transform_follower.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter/rendering.dart'; 3 | import 'package:popup_playground/widgets/enhanced_composited_transform_target.dart'; 4 | 5 | /// A widget that follows a [CompositedTransformTarget]. 6 | /// 7 | /// The only difference between this widget and [CompositedTransformFollower] is 8 | /// that this widget prevents the follower from overflowing the screen. 9 | /// 10 | /// When this widget is composited during the compositing phase (which comes 11 | /// after the paint phase, as described in [WidgetsBinding.drawFrame]), it 12 | /// applies a transformation that brings [targetAnchor] of the linked 13 | /// [CompositedTransformTarget] and [followerAnchor] of this widget together. 14 | /// The two anchor points will have the same global coordinates, unless [edgePadding] 15 | /// is not [Offset.zero], in which case [followerAnchor] will be offset by 16 | /// [edgePadding] in the linked [CompositedTransformTarget]'s coordinate space. 17 | /// 18 | /// The [LayerLink] object used as the [link] must be the same object as that 19 | /// provided to the matching [CompositedTransformTarget]. 20 | /// 21 | /// The [CompositedTransformTarget] must come earlier in the paint order than 22 | /// this [EnhancedCompositedTransformFollower]. 23 | /// 24 | /// Hit testing on descendants of this widget will only work if the target 25 | /// position is within the box that this widget's parent considers to be 26 | /// hittable. If the parent covers the screen, this is trivially achievable, so 27 | /// this widget is usually used as the root of an [OverlayEntry] in an app-wide 28 | /// [Overlay] (e.g. as created by the [MaterialApp] widget's [Navigator]). 29 | /// 30 | /// See also: 31 | /// 32 | /// * [CompositedTransformTarget], the widget that this widget can target. 33 | /// * [EnhancedFollowerLayer], the layer that implements this widget's logic. 34 | /// * [Transform], which applies an arbitrary transform to a child. 35 | class EnhancedCompositedTransformFollower extends SingleChildRenderObjectWidget { 36 | /// Creates a composited transform target widget. 37 | /// 38 | /// If the [link] property was also provided to a [CompositedTransformTarget], 39 | /// that widget must come earlier in the paint order. 40 | /// 41 | /// The [showWhenUnlinked] and [edgePadding] properties must also not be null. 42 | const EnhancedCompositedTransformFollower({ 43 | required this.link, 44 | required this.displayFeatureBounds, 45 | this.showWhenUnlinked = true, 46 | this.edgePadding = EdgeInsets.zero, 47 | this.targetAnchor = Alignment.topLeft, 48 | this.followerAnchor = Alignment.topLeft, 49 | this.enforceLeaderWidth = false, 50 | this.enforceLeaderHeight = false, 51 | this.flip = true, 52 | this.adjustForOverflow = true, 53 | super.child, 54 | super.key, 55 | }); 56 | 57 | /// The link object that connects this [EnhancedCompositedTransformFollower] with a 58 | /// [CompositedTransformTarget]. 59 | final EnhancedLayerLink link; 60 | 61 | /// Whether to show the widget's contents when there is no corresponding 62 | /// [CompositedTransformTarget] with the same [link]. 63 | /// 64 | /// When the widget is linked, the child is positioned such that it has the 65 | /// same global position as the linked [CompositedTransformTarget]. 66 | /// 67 | /// When the widget is not linked, then: if [showWhenUnlinked] is true, the 68 | /// child is visible and not repositioned; if it is false, then child is 69 | /// hidden. 70 | final bool showWhenUnlinked; 71 | 72 | /// The anchor point on the linked [CompositedTransformTarget] that 73 | /// [followerAnchor] will line up with. 74 | /// 75 | /// {@template flutter.widgets.CompositedTransformFollower.targetAnchor} 76 | /// For example, when [targetAnchor] and [followerAnchor] are both 77 | /// [Alignment.topLeft], this widget will be top left aligned with the linked 78 | /// [CompositedTransformTarget]. When [targetAnchor] is 79 | /// [Alignment.bottomLeft] and [followerAnchor] is [Alignment.topLeft], this 80 | /// widget will be left aligned with the linked [CompositedTransformTarget], 81 | /// and its top edge will line up with the [CompositedTransformTarget]'s 82 | /// bottom edge. 83 | /// {@endtemplate} 84 | /// 85 | /// Defaults to [Alignment.topLeft]. 86 | final Alignment targetAnchor; 87 | 88 | /// The anchor point on this widget that will line up with [targetAnchor] on 89 | /// the linked [CompositedTransformTarget]. 90 | /// 91 | /// {@macro flutter.widgets.CompositedTransformFollower.targetAnchor} 92 | /// 93 | /// Defaults to [Alignment.topLeft]. 94 | final Alignment followerAnchor; 95 | 96 | /// Minimum padding from the edge of the screen. 97 | final EdgeInsets edgePadding; 98 | 99 | /// Whether to flip the follower widget when it overflows the screen. 100 | /// 101 | /// For example, if the follower widget overflows the screen on the right side, 102 | /// it will be flipped to the left side. 103 | /// 104 | /// Defaults to `true`. 105 | final bool flip; 106 | 107 | /// Whether to adjust the position of the follower widget when it overflows the screen. 108 | /// 109 | /// For example, if the follower widget overflows the screen on the right side for 20 pixels, 110 | /// it will be moved to the left side for 20 pixels, same for the top, bottom, and left sides. 111 | /// 112 | /// Defaults to `true`. 113 | final bool adjustForOverflow; 114 | 115 | /// Whether to enforce the width of the leader widget on the follower widget. 116 | /// 117 | /// This can be useful to make follower widget be the same width as the leader widget. 118 | /// 119 | /// Defaults to `false`. 120 | final bool enforceLeaderWidth; 121 | 122 | /// Whether to enforce the height of the leader widget on the follower widget. 123 | /// 124 | /// This can be useful to make follower widget be the same height as the leader widget. 125 | /// 126 | /// Defaults to `false`. 127 | final bool enforceLeaderHeight; 128 | 129 | /// List of rects that may be obstructed by physical features. 130 | final Iterable displayFeatureBounds; 131 | 132 | @override 133 | EnhancedRenderFollowerLayer createRenderObject(BuildContext context) => 134 | EnhancedRenderFollowerLayer( 135 | link: link, 136 | showWhenUnlinked: showWhenUnlinked, 137 | edgePadding: edgePadding, 138 | leaderAnchor: targetAnchor, 139 | followerAnchor: followerAnchor, 140 | flip: flip, 141 | adjustForOverflow: adjustForOverflow, 142 | enforceLeaderWidth: enforceLeaderWidth, 143 | enforceLeaderHeight: enforceLeaderHeight, 144 | displayFeatureBounds: displayFeatureBounds, 145 | ); 146 | 147 | @override 148 | void updateRenderObject(BuildContext context, EnhancedRenderFollowerLayer renderObject) { 149 | renderObject 150 | ..link = link 151 | ..showWhenUnlinked = showWhenUnlinked 152 | ..leaderAnchor = targetAnchor 153 | ..followerAnchor = followerAnchor 154 | ..edgePadding = edgePadding 155 | ..adjustForOverflow = adjustForOverflow 156 | ..flip = flip 157 | ..enforceLeaderWidth = enforceLeaderWidth 158 | ..enforceLeaderHeight = enforceLeaderHeight 159 | ..displayFeatureBounds = displayFeatureBounds; 160 | } 161 | } 162 | 163 | /// Transform the child so that its origin is [offset] from the origin of the 164 | /// [RenderLeaderLayer] with the same [LayerLink]. 165 | /// 166 | /// The [RenderLeaderLayer] in question must be earlier in the paint order. 167 | /// 168 | /// Hit testing on descendants of this render object will only work if the 169 | /// target position is within the box that this render object's parent considers 170 | /// to be hittable. 171 | /// 172 | /// See also: 173 | /// 174 | /// * [CompositedTransformFollower], the corresponding widget. 175 | /// * [FollowerLayer], the layer that this render object creates. 176 | class EnhancedRenderFollowerLayer extends RenderProxyBox { 177 | /// Creates a render object that uses a [EnhancedFollowerLayer]. 178 | EnhancedRenderFollowerLayer({ 179 | required EnhancedLayerLink link, 180 | required Iterable displayFeatureBounds, 181 | bool showWhenUnlinked = true, 182 | bool flip = true, 183 | bool adjustForOverflow = true, 184 | EdgeInsets edgePadding = EdgeInsets.zero, 185 | Alignment leaderAnchor = Alignment.topLeft, 186 | Alignment followerAnchor = Alignment.topLeft, 187 | bool enforceLeaderWidth = false, 188 | bool enforceLeaderHeight = false, 189 | RenderBox? child, 190 | }) : _link = link, 191 | _flip = flip, 192 | _adjustForOverflow = adjustForOverflow, 193 | _showWhenUnlinked = showWhenUnlinked, 194 | _edgePadding = edgePadding, 195 | _leaderAnchor = leaderAnchor, 196 | _followerAnchor = followerAnchor, 197 | _enforceLeaderWidth = enforceLeaderWidth, 198 | _enforceLeaderHeight = enforceLeaderHeight, 199 | _displayFeatureBounds = displayFeatureBounds, 200 | super(child); 201 | 202 | /// Called when the size of the leader widget changes. 203 | void leaderSizeChanged() { 204 | if (_enforceLeaderHeight || _enforceLeaderWidth) { 205 | RendererBinding.instance.addPostFrameCallback((_) { 206 | markNeedsLayout(); 207 | }); 208 | } 209 | } 210 | 211 | /// List of rects that may be obstructed by physical features. 212 | Iterable get displayFeatureBounds => _displayFeatureBounds; 213 | Iterable _displayFeatureBounds; 214 | set displayFeatureBounds(Iterable value) { 215 | if (_displayFeatureBounds == value) { 216 | return; 217 | } 218 | _displayFeatureBounds = value; 219 | markNeedsPaint(); 220 | } 221 | 222 | /// The link object that connects this [EnhancedRenderFollowerLayer] with a 223 | /// [RenderLeaderLayer] earlier in the paint order. 224 | EnhancedLayerLink get link => _link; 225 | EnhancedLayerLink _link; 226 | set link(EnhancedLayerLink value) { 227 | if (_link == value) { 228 | return; 229 | } 230 | _link = value; 231 | markNeedsPaint(); 232 | } 233 | 234 | /// Minimum padding from the edge of the screen. 235 | EdgeInsets get edgePadding => _edgePadding; 236 | EdgeInsets _edgePadding; 237 | set edgePadding(EdgeInsets value) { 238 | if (_edgePadding == value) { 239 | return; 240 | } 241 | _edgePadding = value; 242 | markNeedsPaint(); 243 | } 244 | 245 | /// Whether to show the render object's contents when there is no 246 | /// corresponding [RenderLeaderLayer] with the same [link]. 247 | /// 248 | /// When the render object is linked, the child is positioned such that it has 249 | /// the same global position as the linked [RenderLeaderLayer]. 250 | /// 251 | /// When the render object is not linked, then: if [showWhenUnlinked] is true, 252 | /// the child is visible and not repositioned; if it is false, then child is 253 | /// hidden, and its hit testing is also disabled. 254 | bool get showWhenUnlinked => _showWhenUnlinked; 255 | bool _showWhenUnlinked; 256 | set showWhenUnlinked(bool value) { 257 | if (_showWhenUnlinked == value) { 258 | return; 259 | } 260 | _showWhenUnlinked = value; 261 | markNeedsPaint(); 262 | } 263 | 264 | /// Whether to adjust the position of the follower widget when it overflows the screen. 265 | /// 266 | /// For example, if the follower widget overflows the screen on the right side for 20 pixels, 267 | /// it will be moved to the left side for 20 pixels, same for the top, bottom, and left sides. 268 | /// 269 | /// Defaults to `true`. 270 | bool get adjustForOverflow => _adjustForOverflow; 271 | bool _adjustForOverflow; 272 | 273 | set adjustForOverflow(bool value) { 274 | if (_adjustForOverflow == value) { 275 | return; 276 | } 277 | _adjustForOverflow = value; 278 | markNeedsPaint(); 279 | } 280 | 281 | /// The anchor point on the linked [RenderLeaderLayer] that [followerAnchor] 282 | /// will line up with. 283 | /// 284 | /// {@template flutter.rendering.RenderFollowerLayer.leaderAnchor} 285 | /// For example, when [leaderAnchor] and [followerAnchor] are both 286 | /// [Alignment.topLeft], this [EnhancedRenderFollowerLayer] will be top left aligned 287 | /// with the linked [RenderLeaderLayer]. When [leaderAnchor] is 288 | /// [Alignment.bottomLeft] and [followerAnchor] is [Alignment.topLeft], this 289 | /// [EnhancedRenderFollowerLayer] will be left aligned with the linked 290 | /// [RenderLeaderLayer], and its top edge will line up with the 291 | /// [RenderLeaderLayer]'s bottom edge. 292 | /// {@endtemplate} 293 | /// 294 | /// Defaults to [Alignment.topLeft]. 295 | Alignment get leaderAnchor => _leaderAnchor; 296 | Alignment _leaderAnchor; 297 | set leaderAnchor(Alignment value) { 298 | if (_leaderAnchor == value) { 299 | return; 300 | } 301 | _leaderAnchor = value; 302 | markNeedsPaint(); 303 | } 304 | 305 | /// The anchor point on this [EnhancedRenderFollowerLayer] that will line up with 306 | /// [followerAnchor] on the linked [RenderLeaderLayer]. 307 | /// 308 | /// {@macro flutter.rendering.RenderFollowerLayer.leaderAnchor} 309 | /// 310 | /// Defaults to [Alignment.topLeft]. 311 | Alignment get followerAnchor => _followerAnchor; 312 | Alignment _followerAnchor; 313 | set followerAnchor(Alignment value) { 314 | if (_followerAnchor == value) { 315 | return; 316 | } 317 | _followerAnchor = value; 318 | markNeedsPaint(); 319 | } 320 | 321 | /// Whether to flip the follower widget when it overflows the screen. 322 | /// 323 | /// For example, if the follower widget overflows the screen on the right side, 324 | /// it will be flipped to the left side. 325 | /// 326 | /// Defaults to `true`. 327 | bool get flip => _flip; 328 | 329 | bool _flip; 330 | set flip(bool value) { 331 | if (_flip == value) { 332 | return; 333 | } 334 | _flip = value; 335 | markNeedsPaint(); 336 | } 337 | 338 | /// Whether to enforce the width of the leader widget on the follower widget. 339 | /// 340 | /// This can be useful to make follower widget be the same width as the leader widget. 341 | /// 342 | /// Defaults to `false`. 343 | bool get enforceLeaderWidth => _enforceLeaderWidth; 344 | bool _enforceLeaderWidth; 345 | set enforceLeaderWidth(bool value) { 346 | if (_enforceLeaderWidth == value) { 347 | return; 348 | } 349 | _enforceLeaderWidth = value; 350 | markNeedsPaint(); 351 | } 352 | 353 | /// Whether to enforce the height of the leader widget on the follower widget. 354 | /// 355 | /// This can be useful to make follower widget be the same height as the leader widget. 356 | /// 357 | /// Defaults to `false`. 358 | bool get enforceLeaderHeight => _enforceLeaderHeight; 359 | bool _enforceLeaderHeight; 360 | set enforceLeaderHeight(bool value) { 361 | if (_enforceLeaderHeight == value) { 362 | return; 363 | } 364 | _enforceLeaderHeight = value; 365 | markNeedsPaint(); 366 | } 367 | 368 | @override 369 | void attach(PipelineOwner owner) { 370 | link.followerRenderObject = this; 371 | super.attach(owner); 372 | } 373 | 374 | @override 375 | void detach() { 376 | layer = null; 377 | link.followerRenderObject = null; 378 | super.detach(); 379 | } 380 | 381 | @override 382 | bool get alwaysNeedsCompositing => true; 383 | 384 | /// The layer we created when we were last painted. 385 | @override 386 | FollowerLayer? get layer => super.layer as FollowerLayer?; 387 | 388 | /// Return the transform that was used in the last composition phase, if any. 389 | /// 390 | /// If the [EnhancedFollowerLayer] has not yet been created, was never composited, or 391 | /// was unable to determine the transform (see 392 | /// [EnhancedFollowerLayer.getLastTransform]), this returns the identity matrix (see 393 | /// [Matrix4.identity]. 394 | Matrix4 getCurrentTransform() { 395 | return layer?.getLastTransform() ?? Matrix4.identity(); 396 | } 397 | 398 | @override 399 | bool hitTest(BoxHitTestResult result, {required Offset position}) { 400 | // Disables the hit testing if this render object is hidden. 401 | if (link.leader == null && !showWhenUnlinked) { 402 | return false; 403 | } 404 | // RenderFollowerLayer objects don't check if they are 405 | // themselves hit, because it's confusing to think about 406 | // how the untransformed size and the child's transformed 407 | // position interact. 408 | return hitTestChildren(result, position: position); 409 | } 410 | 411 | @override 412 | bool hitTestChildren(BoxHitTestResult result, {required Offset position}) { 413 | return result.addWithPaintTransform( 414 | transform: getCurrentTransform(), 415 | position: position, 416 | hitTest: (BoxHitTestResult result, Offset position) { 417 | return super.hitTestChildren(result, position: position); 418 | }, 419 | ); 420 | } 421 | 422 | @override 423 | void performLayout() { 424 | var constraints = this.constraints.deflate(edgePadding); 425 | 426 | // use leader size if enforceLeaderWidth or enforceLeaderHeight is true 427 | final leaderSize = link.leaderSize; 428 | 429 | if (leaderSize != null) { 430 | if (enforceLeaderWidth) { 431 | constraints = constraints.copyWith( 432 | minWidth: leaderSize.width, 433 | maxWidth: leaderSize.width, 434 | ); 435 | } 436 | 437 | if (enforceLeaderHeight) { 438 | constraints = constraints.copyWith( 439 | minHeight: leaderSize.height, 440 | maxHeight: leaderSize.height, 441 | ); 442 | } 443 | } 444 | 445 | size = (child?..layout(constraints, parentUsesSize: true))?.size ?? 446 | computeSizeForNoChild(constraints); 447 | return; 448 | } 449 | 450 | @override 451 | void paint(PaintingContext context, Offset offset) { 452 | final overlayRect = Offset.zero & constraints.biggest; 453 | final leaderRenderObject = link.leaderRenderObject; 454 | Offset linkedOffset = Offset.zero; 455 | 456 | if (leaderRenderObject != null) { 457 | final leaderGlobalPosition = leaderRenderObject.localToGlobal(Offset.zero); 458 | final leaderSize = leaderRenderObject.size; 459 | 460 | final Iterable subScreens = DisplayFeatureSubScreen.subScreensInBounds( 461 | overlayRect, 462 | displayFeatureBounds, 463 | ); 464 | 465 | // TODO(mlazebny): figure out how to correctly treat allowedRect 466 | // ignore: unused_local_variable 467 | final Rect allowedRect = _closestScreen(subScreens, leaderGlobalPosition); 468 | 469 | linkedOffset = leaderAnchor.alongSize(leaderSize) - followerAnchor.alongSize(size); 470 | final followerGlobalPosition = leaderGlobalPosition + linkedOffset; 471 | 472 | if (adjustForOverflow) { 473 | linkedOffset = _adjustOverflow( 474 | followerRect: followerGlobalPosition & size, 475 | targetRect: leaderGlobalPosition & leaderSize, 476 | screenSize: constraints.biggest, 477 | edgePadding: edgePadding, 478 | flip: flip, 479 | ) - 480 | leaderGlobalPosition; 481 | } 482 | } 483 | 484 | if (layer == null) { 485 | layer = FollowerLayer( 486 | link: link, 487 | showWhenUnlinked: showWhenUnlinked, 488 | linkedOffset: linkedOffset, 489 | unlinkedOffset: offset, 490 | ); 491 | } else { 492 | layer 493 | ?..link = link 494 | ..showWhenUnlinked = showWhenUnlinked 495 | ..linkedOffset = linkedOffset 496 | ..unlinkedOffset = offset; 497 | } 498 | context.pushLayer( 499 | layer!, 500 | super.paint, 501 | Offset.zero, 502 | childPaintBounds: const Rect.fromLTRB( 503 | // We don't know where we'll end up, so we have no idea what our cull rect should be. 504 | double.negativeInfinity, 505 | double.negativeInfinity, 506 | double.infinity, 507 | double.infinity, 508 | ), 509 | ); 510 | assert(() { 511 | layer!.debugCreator = debugCreator; 512 | return true; 513 | }()); 514 | } 515 | 516 | Offset _adjustOverflow({ 517 | required Rect followerRect, 518 | required Rect targetRect, 519 | required Size screenSize, 520 | required EdgeInsets edgePadding, 521 | required bool flip, 522 | }) { 523 | double dx = followerRect.left; 524 | double dy = followerRect.top; 525 | 526 | // Effective screen area considering edge padding 527 | final double leftBoundary = edgePadding.left; 528 | final double topBoundary = edgePadding.top; 529 | final double rightBoundary = screenSize.width - edgePadding.right; 530 | final double bottomBoundary = screenSize.height - edgePadding.bottom; 531 | 532 | // Check for horizontal overflow 533 | if (flip) { 534 | if (dx + followerRect.width > rightBoundary) { 535 | // Try left side first if not enough space on the right 536 | if (targetRect.left - followerRect.width >= leftBoundary) { 537 | dx = targetRect.left - followerRect.width; 538 | } else { 539 | dx = rightBoundary - followerRect.width; 540 | } 541 | } else if (dx < leftBoundary) { 542 | // Try right side first if not enough space on the left 543 | if (targetRect.right + followerRect.width <= rightBoundary) { 544 | dx = targetRect.right; 545 | } else { 546 | dx = leftBoundary; 547 | } 548 | } 549 | } else { 550 | if (dx + followerRect.width > rightBoundary) { 551 | dx = rightBoundary - followerRect.width; 552 | } else if (dx < leftBoundary) { 553 | dx = leftBoundary; 554 | } 555 | } 556 | 557 | // Check for vertical overflow 558 | if (flip) { 559 | if (dy + followerRect.height > bottomBoundary) { 560 | // Try top side first if not enough space at the bottom 561 | if (targetRect.top - followerRect.height >= topBoundary) { 562 | dy = targetRect.top - followerRect.height; 563 | } else { 564 | dy = bottomBoundary - followerRect.height; 565 | } 566 | } else if (dy < topBoundary) { 567 | // Try bottom side first if not enough space at the top 568 | if (targetRect.bottom + followerRect.height <= bottomBoundary) { 569 | dy = targetRect.bottom; 570 | } else { 571 | dy = topBoundary; 572 | } 573 | } 574 | } else { 575 | if (dy + followerRect.height > bottomBoundary) { 576 | dy = bottomBoundary - followerRect.height; 577 | } else if (dy < topBoundary) { 578 | dy = topBoundary; 579 | } 580 | } 581 | 582 | return Offset(dx, dy); 583 | } 584 | 585 | Rect _closestScreen(Iterable screens, Offset point) { 586 | Rect closest = screens.first; 587 | for (final Rect screen in screens) { 588 | if ((screen.center - point).distance < (closest.center - point).distance) { 589 | closest = screen; 590 | } 591 | } 592 | return closest; 593 | } 594 | 595 | @override 596 | void applyPaintTransform(RenderBox child, Matrix4 transform) { 597 | transform.multiply(getCurrentTransform()); 598 | } 599 | 600 | @override 601 | void debugFillProperties(DiagnosticPropertiesBuilder properties) { 602 | super.debugFillProperties(properties); 603 | properties.add(DiagnosticsProperty('link', link)); 604 | properties.add(DiagnosticsProperty('showWhenUnlinked', showWhenUnlinked)); 605 | properties.add(TransformProperty('current transform matrix', getCurrentTransform())); 606 | } 607 | } 608 | --------------------------------------------------------------------------------