Flutter Focus Management - Full Example

main.dart

import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';

const Map<ShortcutActivator, Intent> appShortcuts = {
  SingleActivator(LogicalKeyboardKey.tab): NextFocusIntent(),
  SingleActivator(LogicalKeyboardKey.tab, shift: true): PreviousFocusIntent()
};

final Map<Type, Action<Intent>> appActions = {
  NextFocusIntent: NextFocusAction(),
  PreviousFocusIntent: PreviousFocusAction()
};

class FocusableContainer extends StatelessWidget {
  const FocusableContainer({ super.key });
  
  @override
  Widget build(BuildContext context) {
    return Focus(
      onFocusChange: (focused) => print('Widget is focused: $focused'),
      child: Container()
    );
  }
}

class App extends StatelessWidget {
  const App({ super.key });
  
  @override
  Widget build(BuildContext context) {
    return Shortcuts(
      shortcuts: appShortcuts,
      child: Actions(
        actions: appActions,
        child: FocusTraversalGroup(
          policy: WidgetOrderTraversalPolicy(),
          child: Builder(
            builder: (context) => FocusScope(
              autofocus: true,
              child: FocusableContainer()
            )
          )
        )
      )
    );
  }
}

void main() {
  runApp(const App());
}