adrFinance

We don't have any specific code but yes we have

implemented something like this, You can modify it as per your convenient.

1. For navigation check snapshots

2. For dialog check the attached file

// Automatic FlutterFlow imports

import '/backend/backend.dart';

import '/backend/schema/structs/index.dart';

import '/backend/supabase/supabase.dart';

import '/flutter_flow/flutter_flow_theme.dart';

import '/flutter_flow/flutter_flow_util.dart';

import '/custom_code/widgets/index.dart'; // Imports other custom widgets

import '/flutter_flow/custom_functions.dart'; // Imports custom functions

import 'package:flutter/material.dart';

// Begin custom widget code

// DO NOT REMOVE OR MODIFY THE CODE ABOVE!

// Set your widget name, define your parameter, and then add the

// boilerplate code using the green button on the right!

class CustomPopup extends StatefulWidget {

final double height;

final double width;

final Widget icon;

final List<String> options;

final Function(String) onSelection;

CustomPopup({

required this.height,

required this.width,

required this.icon,

required this.options,

required this.onSelection,

});

@override

CustomPopupState createState() => CustomPopupState();

}

class _CustomPopupState extends State<CustomPopup> {

OverlayEntry? _overlayEntry;

void _showPopup(BuildContext context) {

final renderBox = context.findRenderObject() as RenderBox;

final overlay = Overlay.of(context).context.findRenderObject() as RenderBox;

final position = renderBox.localToGlobal(Offset.zero, ancestor: overlay);

_overlayEntry = OverlayEntry(builder: (context) {

return Positioned(

left: position.dx,

top: position.dy + renderBox.size.height + 10, // Adjust this as needed

width: widget.width,

height: widget.height,

child: Material(

elevation: 4.0,

child: Container(

color: Colors.white,

child: Column(

mainAxisSize: MainAxisSize.min,

children: widget.options.map((option) {

return ListTile(

title: Text(

option,

style: TextStyle(

color: Colors.black,

fontSize: 18,

onTap: () {

// Handle option selection logic

String value = option == \"English\"

? \"en\"

: option == \"Indonesian\"

? \"id\"

: \"vi\";

print(\"executed ==> $value\");

widget.onSelection(value);

_overlayEntry?.remove();

_overlayEntry = null;

);

}).toList(),

);

});

Overlay.of(context).insert(_overlayEntry!);

}

@override

Widget build(BuildContext context) {

return GestureDetector(

behavior: HitTestBehavior.opaque,

onTap: () {

print(\"tap clicked...\");

_showPopup(context);

child: widget.icon,

);

}

@override

void dispose() {

_overlayEntry?.remove();

super.dispose();

}

Navigating to a page (and/or alert dialog) using Dart/Flutter code in Flutterflow