@calm-dog-24239 I am using flutter web. cc @most-spoon-61816

import ‘dart:developer’; import ‘dart:io’; import ‘package:flutter/foundation.dart’; import ‘package:flutter/material.dart’; import ‘package:growthbook_sdk_flutter/growthbook_sdk_flutter.dart’; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( darkTheme: ThemeData.dark(), themeMode: ThemeMode.dark, home: const Home(), ); } } class Home extends StatefulWidget { const Home({Key? key}) : super(key: key); @override State<Home> createState() => _HomeState(); } class _HomeState extends State<Home> with SingleTickerProviderStateMixin { List<String> tabNames = <String>[ ‘All’, ‘Travel’, ‘Lifestyle’, ‘Fitness’, ‘Education’, ‘Elections’, ‘Original’, ‘World’, ‘Travel’ ]; late List<Tab> tabs; /// Initialization of controllers. late TabController _tabController; final userAttr = {“id”: (!kIsWeb && Platform.isIOS) ? “foo” : “foo_bar”}; GrowthBookSDK? gb; @override void initState() { super.initState(); _tabController = TabController(length: tabNames.length, vsync: this); tabs = <Tab>[...tabNames.map((e) => Tab(text: e)).toList()]; initializeSDK(); } void initializeSDK() async { gb = await GBSDKBuilderApp( apiKey: kReleaseMode ? ‘<PROD_KEY>’ : ‘<DEV_KEY>’, hostURL: ‘https://example.growthbook.io/’, attributes: userAttr, growthBookTrackingCallBack: (exp, rst) {}, ).initialize(); for (final featureFlag in FeatureFlag.values) { final result = gb?.feature(featureFlag.id); log(‘Feature flag: ${featureFlag.id}, ’ ‘value: ${result?.value}, source: ${result?.source}’); } setState(() {}); } Widget _getRightWidget() { if (gb?.feature(‘some-feature’).on! ?? false) { return TabBar( isScrollable: true, tabs: tabs, controller: _tabController, indicator: CircleTabIndicator( color: Theme.of(context).colorScheme.primary, radius: 4, ), ); } else { return TabBar( isScrollable: true, tabs: tabs, controller: _tabController, ); } } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text(‘GrowthBook SDK’), ), body: Column( children: [ _getRightWidget(), Expanded( child: TabBarView( controller: _tabController, children: [ for (var i = 0; i < tabNames.length; i++) Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ Text(tabNames[i]), // Text(features), ], ), ), ], ), ), ], ), ); } } //// To create dot shaped indicator. class CircleTabIndicator extends Decoration { final BoxPainter _painter; CircleTabIndicator({required Color color, required double radius}) : _painter = _CirclePainter(color, radius); @override BoxPainter createBoxPainter([VoidCallback? onChanged]) => _painter; } enum FeatureFlag { wappShort(‘wapp_short’, FeatureFlagType.bool, false), wappPick(‘wapp_pick’, FeatureFlagType.bool, false), moreRecipes(‘wapp_paywall’, FeatureFlagType.bool, false), ; const FeatureFlag(this.id, this.type, this.defaultValue); final String id; final FeatureFlagType type; final dynamic defaultValue; } enum FeatureFlagType { bool } class _CirclePainter extends BoxPainter { final Paint _paint; final double radius; _CirclePainter(Color color, this.radius) : _paint = Paint() ..color = color ..isAntiAlias = false; @override void paint(Canvas canvas, Offset offset, ImageConfiguration cfg) { final Offset circleOffset = offset + Offset(cfg.size!.width / 2, cfg.size!.height - radius); canvas.drawCircle(circleOffset, radius, _paint); }

We tried like this and we received values

Screenshot 2024-07-22 at 6.35.50 pm.png

image.png

@calm-dog-24239 as you can see the above SS of my GB console, the

default

value is

false

but rollout feature

serve

value is

true

. so I should get true in the app.

var feature = gb?.features[featureFlag.id]; var rules = feature?.rules; rules?.forEach((rule) { var coverage = rule.coverage; if (coverage != null) { log(‘COVERAGE $coverage’); } });

Is that work for you?

@calm-dog-24239 in my result there is no coverage field.

gb?.features[featureFlag.id]; you need to get it like this not gb?.features(featureFlag.id)

@calm-dog-24239 Amazing, I am getting force value as expected.

Also, it’s the way it works in all GrowthBook SDKs. If you want to make it simpler, you can use the latest feature, remote evaluation, which will provide you with the result. However, for that, you need your own host.

@calm-dog-24239 is it possible to do a quick call next week? We’re just about to cancel our subscription and use firebase remote config

@calm-dog-24239 any update on this one? @fresh-football-47124 this is the issue I mentioned on LinkedIn Thanks folks, excited to make this work

@calm-dog-24239 can you intro us to any Flutter Devs who are using GB successfully to run feature flags?

This is the result of our Flutter developer.