story(roadtripper): implemented waze deep linking (#14)

erictg · Jul 4, 2023 · 99d5b3c · 99d5b3c
1 parent 6f14cf5
commit 99d5b3c
Show file tree

Hide file tree

Showing 6 changed files with 225 additions and 2 deletions.
diff --git a/roadtrips/android/app/src/main/AndroidManifest.xml b/roadtrips/android/app/src/main/AndroidManifest.xml
@@ -30,4 +30,15 @@
  android:name="flutterEmbedding"
  android:value="2" />
  </application>
+
+ <uses-permission android:name="android.permission.INTERNET" />
+ <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+
+ <queries>
+ <intent>
+ <action android:name="android.intent.action.VIEW" />
+ <category android:name="android.intent.category.BROWSABLE" />
+ <data android:scheme="waze" />
+ </intent>
+ </queries>
 </manifest>
diff --git a/roadtrips/lib/main.dart b/roadtrips/lib/main.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
+import 'package:roadtrips/screens/destination_details.dart';
 import 'package:roadtrips/screens/home.dart';
 import 'package:roadtrips/screens/search.dart';
 import 'package:roadtrips/screens/suggestions.dart';
@@ -23,6 +24,7 @@ class MyApp extends StatelessWidget {
  HomeScreen.route,
  SearchScreen.route,
  SuggestionsScreen.route,
+ DestinationDetailsScreen.route,
  ];
 
  @override

diff --git a/roadtrips/lib/screens/destination_details.dart b/roadtrips/lib/screens/destination_details.dart
@@ -0,0 +1,132 @@
+import 'package:flutter/material.dart';
+import 'package:roadtrips/screens/suggestions.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class DestinationDetailsScreen extends StatefulWidget {
+ static (String, Widget Function(BuildContext)) route =
+ ('/destination/details', (context) => const DestinationDetailsScreen());
+
+ const DestinationDetailsScreen({super.key});
+
+ @override
+ State<DestinationDetailsScreen> createState() => _DestinationDetailsState();
+}
+
+class _DestinationDetailsState extends State<DestinationDetailsScreen> {
+ bool showBottomSheet = false;
+
+ @override
+ Widget build(BuildContext context) {
+ final destination =
+ ModalRoute.of(context)!.settings.arguments as Destination;
+
+ return Scaffold(
+ appBar: AppBar(
+ title: const Text('Destination Details'),
+ actions: [
+ IconButton(
+ icon: const Icon(Icons.more_vert),
+ onPressed: () {
+ showModalBottomSheet(
+ context: context,
+ builder: (context) {
+ return Container(
+ height: 80,
+ decoration: BoxDecoration(
+ borderRadius: const BorderRadius.only(
+ topLeft: Radius.circular(25),
+ topRight: Radius.circular(25),
+ ),
+ gradient: LinearGradient(
+ colors: [Colors.grey[300]!, Colors.grey[200]!],
+ begin: Alignment.topCenter,
+ end: Alignment.bottomCenter,
+ stops: const [.35, 0],
+ ),
+ ),
+ child: Column(
+ children: [
+ Container(
+ margin: const EdgeInsets.only(top: 12.5),
+ height: 3,
+ width: 30,
+ decoration: BoxDecoration(
+ color: Colors.white,
+ borderRadius: BorderRadius.circular(5)),
+ ),
+ GestureDetector(
+ onTap: () {
+ var uri = Uri.parse(destination.wazeDeepLink);
+ launchUrl(uri,
+ mode:
+ LaunchMode.externalNonBrowserApplication);
+ },
+ child: Container(
+ margin: const EdgeInsets.only(top: 9.5),
+ child: Container(
+ margin: const EdgeInsets.only(
+ top: 17.5, left: 17.5),
+ alignment: Alignment.centerLeft,
+ child: const Text(
+ 'Open in Waze',
+ textScaleFactor: 1.15,
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ );
+ });
+ },
+ ),
+ ],
+ ),
+ body: Column(
+ mainAxisAlignment: MainAxisAlignment.spaceAround,
+ children: [
+ Text(
+ destination.name,
+ style: const TextStyle(
+ fontSize: 24,
+ fontWeight: FontWeight.bold,
+ ),
+ ),
+ Row(
+ mainAxisAlignment: MainAxisAlignment.spaceAround,
+ children: [
+ Column(
+ children: [
+ Text(
+ 'Latitude',
+ style: TextStyle(
+ color: Colors.grey[700]!,
+ ),
+ ),
+ Text(
+ destination.latitude.toString(),
+ style: const TextStyle(fontWeight: FontWeight.w500),
+ ),
+ ],
+ ),
+ Column(
+ children: [
+ Text(
+ 'Longitude',
+ style: TextStyle(
+ color: Colors.grey[700]!,
+ ),
+ ),
+ Text(
+ destination.longitude.toString(),
+ style: const TextStyle(fontWeight: FontWeight.w500),
+ ),
+ ],
+ )
+ ],
+ )
+ ],
+ ),
+ );
+ }
+}
diff --git a/roadtrips/lib/screens/suggestions.dart b/roadtrips/lib/screens/suggestions.dart
@@ -8,15 +8,18 @@ const String suggestionsQuery = """
  latitude
  longitude
  name
+ wazeDeeplink
  }
  }""";
 
 class Destination {
  final double latitude;
  final double longitude;
  final String name;
+ final String wazeDeepLink;
 
- const Destination(this.latitude, this.longitude, this.name);
+ const Destination(
+ this.latitude, this.longitude, this.name, this.wazeDeepLink);
 }
 
 class SuggestionsScreen extends StatelessWidget {
@@ -68,8 +71,18 @@ class SuggestionsScreen extends StatelessWidget {
 
  return ListView(
  children: destinations
+ .map((destination) => Destination(
+ destination['latitude'],
+ destination['longitude'],
+ destination['name'],
+ destination['wazeDeeplink'],
+ ))
  .map((destination) => ListTile(
- title: Text(destination['name']),
+ title: Text(destination.name),
+ onTap: () {
+ Navigator.pushNamed(context, '/destination/details',
+ arguments: destination);
+ },
  ))
  .toList(),
  );

diff --git a/roadtrips/pubspec.lock b/roadtrips/pubspec.lock
@@ -453,6 +453,70 @@ packages:
  url: "https://pub.dev"
  source: hosted
  version: "1.3.2"
+ url_launcher:
+ dependency: "direct main"
+ description:
+ name: url_launcher
+ sha256: eb1e00ab44303d50dd487aab67ebc575456c146c6af44422f9c13889984c00f3
+ url: "https://pub.dev"
+ source: hosted
+ version: "6.1.11"
+ url_launcher_android:
+ dependency: transitive
+ description:
+ name: url_launcher_android
+ sha256: "15f5acbf0dce90146a0f5a2c4a002b1814a6303c4c5c075aa2623b2d16156f03"
+ url: "https://pub.dev"
+ source: hosted
+ version: "6.0.36"
+ url_launcher_ios:
+ dependency: transitive
+ description:
+ name: url_launcher_ios
+ sha256: "9af7ea73259886b92199f9e42c116072f05ff9bea2dcb339ab935dfc957392c2"
+ url: "https://pub.dev"
+ source: hosted
+ version: "6.1.4"
+ url_launcher_linux:
+ dependency: transitive
+ description:
+ name: url_launcher_linux
+ sha256: "207f4ddda99b95b4d4868320a352d374b0b7e05eefad95a4a26f57da413443f5"
+ url: "https://pub.dev"
+ source: hosted
+ version: "3.0.5"
+ url_launcher_macos:
+ dependency: transitive
+ description:
+ name: url_launcher_macos
+ sha256: "91ee3e75ea9dadf38036200c5d3743518f4a5eb77a8d13fda1ee5764373f185e"
+ url: "https://pub.dev"
+ source: hosted
+ version: "3.0.5"
+ url_launcher_platform_interface:
+ dependency: transitive
+ description:
+ name: url_launcher_platform_interface
+ sha256: bfdfa402f1f3298637d71ca8ecfe840b4696698213d5346e9d12d4ab647ee2ea
+ url: "https://pub.dev"
+ source: hosted
+ version: "2.1.3"
+ url_launcher_web:
+ dependency: transitive
+ description:
+ name: url_launcher_web
+ sha256: "6bb1e5d7fe53daf02a8fee85352432a40b1f868a81880e99ec7440113d5cfcab"
+ url: "https://pub.dev"
+ source: hosted
+ version: "2.0.17"
+ url_launcher_windows:
+ dependency: transitive
+ description:
+ name: url_launcher_windows
+ sha256: "254708f17f7c20a9c8c471f67d86d76d4a3f9c1591aad1e15292008aceb82771"
+ url: "https://pub.dev"
+ source: hosted
+ version: "3.0.6"
  uuid:
  dependency: transitive
  description:

diff --git a/roadtrips/pubspec.yaml b/roadtrips/pubspec.yaml
@@ -36,6 +36,7 @@ dependencies:
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.2
  graphql_flutter: ^5.1.2
+ url_launcher: ^6.1.11
 
 dev_dependencies:
  flutter_test: