class MyHome extends StatefulWidget {

  @override
  State<MyHome> createState() => _MyHomeState();
}

class _MyHomeState extends State<MyHome> {

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: 10,
      itemBuilder: (context, index) => MyItem(index: index),
    );
  }

  void setFocusedIndex(int index) {
    // How to focus the item at the given index?
  }
}

class MyItem extends StatefulWidget {
  final int index;

  const MyItem({super.key, required this.index});

  @override
  State<MyItem> createState() => _MyItemState();
}

class _MyItemState extends State<MyItem> {
  final FocusNode focusNode = FocusNode();

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text('Item ${widget.index}'),
      focusNode: focusNode,
      onTap: () {
        focusNode.requestFocus();
      },
    );
  }

  @override
  void dispose() {
    focusNode.dispose();
    super.dispose();
  }
}

class MyHome extends StatefulWidget {

  @override
  State<MyHome> createState() => _MyHomeState();
}

class _MyHomeState extends State<MyHome> {

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: 10,
      itemBuilder: (context, index) => MyItem(index: index),
    );
  }

  void setFocusedIndex(int index) {
    // How to focus the item at the given index?
  }
}

class MyItem extends StatefulWidget {
  final int index;

  const MyItem({super.key, required this.index});

  @override
  State<MyItem> createState() => _MyItemState();
}

class _MyItemState extends State<MyItem> {
  final FocusNode focusNode = FocusNode();

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text('Item ${widget.index}'),
      focusNode: focusNode,
      onTap: () {
        focusNode.requestFocus();
      },
    );
  }

  @override
  void dispose() {
    focusNode.dispose();
    super.dispose();
  }
}

• flutter
• dart

• Does MyItem has fixed height? – Md. Yeasin Sheikh Commented yesterday

1 Answer 1

Flutter currently does not have implemented solution to scroll list view to make sure item is visible , but there is an ways to do it ,in case if your items has fixed height you can do that by scrollController.scrolTo , also Scrollable.ensureVisible() function also can help you.