[Bug report]

[199305a]

20251023-084337.mov

Version

1.26.2

Platforms

iOS

Device Model

IPhone 15 Plus

flutter info

ok

How to reproduce?

scrollview_observer iOS26里面有Textfield 编辑的时候会光标强制定位到导航栏上面

Logs

 Flutter 3.35.6 • channel stable • https://gitee.com/mirrors/Flutter.git

Example code (optional)

 Scaffold(
        appBar: AppBar(
          actions: [
            // Padding(
            //   padding: const EdgeInsets.only(right: 8.0),
            //   child: IconButton(
            //       style: IconButton.styleFrom(),
            //       onPressed: () {
            //         _transcriptListProvider.loadInitialData();
            //       },
            //       icon: const Icon(
            //         IconFontUtil.revoke,
            //         size: 19,
            //       )),
            // ),
            Padding(
              padding: const EdgeInsets.only(right: 20.0),
              child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    minimumSize: Size.zero,
                    padding:
                        const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(20),
                    ),
                  ),
                  onPressed: _onSave,
                  child: Text(LocaleKeys.save.tr())),
            ),
            //
          ],
        ),
        body: Column(
          children: [
            Expanded(
              child: UniversalRefresh<TranscriptItemModel>(
                  onLoadMore: _transcriptListProvider.onLoadMore,
                  isLoading: _transcriptListProvider.isLoading,
                  hasMore: false,
                  itemBuilder: (context) {

  
                    return ListViewObserver(
                        controller: observerController,
                        child: ListView.separated(
                            controller: scrollController,
                            itemBuilder: (context, index) {
                              return TranscriptEditItemWidget(
                                  transcriptItemModel:
                                      _transcriptListProvider.dataList[index],
                                  isSelected: widget.index == index);
                            },
                            separatorBuilder: (context, index) =>
                                const SizedBox(
                                  height: 8,
                                ),
                            itemCount:
                                _transcriptListProvider.dataList.length)

                    );
                  }),
            ),
            // Visibility(
            //     visible: widget.audioUrl?.isNotEmpty == true,
            //     child: PlayerEasyWidget(controller: _playerController))
          ],
        ),
      ),
class TranscriptEditItemWidget extends StatelessWidget {
  const TranscriptEditItemWidget(
      {super.key, required this.transcriptItemModel, required this.isSelected});

  final TranscriptItemModel transcriptItemModel;
  final bool isSelected;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        KeyboardUtil.unfocus();
      },
      child: Padding(
        padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              children: [
                Text(
                  transcriptItemModel.speaker ?? '',
                  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                      color: transcriptItemModel.color,
                      fontWeight: FontWeight.w500),
                ),
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 8),
                  child: Text(
                    transcriptItemModel.startSecString,
                    style: Theme.of(context)
                        .textTheme
                        .labelMedium
                        ?.copyWith(color: ColorConfig.textDisable),
                  ),
                ),
              ],
            ),
            Padding(
                padding: const EdgeInsets.only(top: 4.0),
                child: _TextFieldWidget(
                  content: transcriptItemModel.content,
                  isSelected: isSelected,
                  onChanged: (value) {
                    transcriptItemModel.isEdited = true;
                    transcriptItemModel.content = value;
                  },
                ))
          ],
        ),
      ),
    );
  }
}

class _TextFieldWidget extends StatefulWidget {
  const _TextFieldWidget(
      {this.content, this.onChanged, required this.isSelected});

  final String? content;
  final void Function(String)? onChanged;
  final bool isSelected;

  @override
  State<_TextFieldWidget> createState() => _TextFieldWidgetState();
}

class _TextFieldWidgetState extends State<_TextFieldWidget> {
  late final TextEditingController _controller =
      TextEditingController(text: widget.content);

  @override
  void didUpdateWidget(covariant _TextFieldWidget oldWidget) {
    if (widget.content != oldWidget.content) {
      _controller.text = widget.content ?? '';
      LogUtil.d('didUpdateWidget ---- ${widget.content}');
    }
    super.didUpdateWidget(oldWidget);
  }

  @override
  Widget build(BuildContext context) {
    return Theme(
        data: Theme.of(context).copyWith(
          brightness: Brightness.dark,
        ),
        child: TextField(
          controller: _controller,
          minLines: 1,
          maxLines: null,
          style: Theme.of(context).textTheme.bodyLarge?.copyWith(
              color:
                  widget.isSelected ? ColorConfig.primary : ColorConfig.title),
          contextMenuBuilder:
              (BuildContext context, EditableTextState editableTextState) {
            return CupertinoTheme(
              data: CupertinoTheme.of(context).copyWith(
                brightness: Brightness.dark,
              ),
              child: AdaptiveTextSelectionToolbar.editableText(
                  editableTextState: editableTextState),
            );
          },
          // 设置为 null 以便根据内容自动增长
          decoration: const InputDecoration(
            focusColor: ColorConfig.primary,
            border: InputBorder.none,
            enabledBorder: InputBorder.none,
            errorBorder: InputBorder.none,
            focusedBorder: InputBorder.none,
            focusedErrorBorder: InputBorder.none,
          ),
          onChanged: widget.onChanged,
        ));
  }
}

Contact

No response

[LinXunFeng]

没理解你说的问题，请完善标题，提供复现代码，以及录屏

[199305a]

@LinXunFeng 我上传了代码和录屏

[LinXunFeng]

你去掉 ListViewObserver 后还会吗？

[199305a]

@LinXunFeng 去掉就不会的 别人反馈是iOS26 上才有

[LinXunFeng]

你可以在示例代码的基础上修改代码后复现吗？

目前我还没有更新系统，没那么快验证问题，以及提供的代码看起来并不像是复制粘贴后就可以直接运行的样子

[199305a]

@LinXunFeng 我后面自己用Demo复现

[199305a]

@LinXunFeng 看起来是pull_to_refresh的问题 使用了pull to refresh 才会有这个问题

 * @Author: LinXunFeng linxunfeng@yeah.net
 * @Repo: https://github.com/LinXunFeng/flutter_scrollview_observer
 * @Date: 2022-08-08 00:20:03
 */
import 'package:flutter/material.dart';
import 'package:scrollview_observer/scrollview_observer.dart';
import 'package:scrollview_observer_example/typedefs.dart';
import 'package:scrollview_observer_example/utils/snackbar.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';

class ListViewDemoPage extends StatefulWidget {
  const ListViewDemoPage({Key? key}) : super(key: key);

  @override
  State<ListViewDemoPage> createState() => _ListViewDemoPageState();
}

class _ListViewDemoPageState extends State<ListViewDemoPage> {
  static const double _leadingPadding = 1000;
  static const double _trailingPadding = 2000;
  RefreshController _refreshController =
  RefreshController(initialRefresh: false);
  static const EdgeInsets _padding = EdgeInsets.only(
    top: _leadingPadding,
    bottom: _trailingPadding,
  );
  int _hitIndex = 0;

  ScrollController scrollController =
      ScrollController(initialScrollOffset: _leadingPadding);

  late ListObserverController observerController;

  @override
  void initState() {
    super.initState();

    observerController = ListObserverController(controller: scrollController)
      ..initialIndexModel = ObserverIndexPositionModel(
        index: 10,
        padding: _padding,
      );

    // Trigger an observation manually
    ambiguate(WidgetsBinding.instance)?.endOfFrame.then(
      (_) {
        // After layout
        if (mounted) {
          observerController.dispatchOnceObserve();
        }
      },
    );
  }

  @override
  void dispose() {
    observerController.controller?.dispose();
    super.dispose();
  }

  void _onRefresh() async{
    // monitor network fetch
    await Future.delayed(Duration(milliseconds: 1000));
    // if failed,use refreshFailed()
    _refreshController.refreshCompleted();
  }

  void _onLoading() async{
    // monitor network fetch
    await Future.delayed(Duration(milliseconds: 1000));
    // if failed,use loadFailed(),if no data return,use LoadNodata()
    if(mounted)
      setState(() {

      });
    _refreshController.loadComplete();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("ListView")),

      body: SmartRefresher(
        enablePullDown: true,
        enablePullUp: true,
        header: WaterDropHeader(),

        controller: _refreshController,
        onRefresh: _onRefresh,
        onLoading: _onLoading,
        child: ListViewObserver(
          child: _buildListView(),
          autoTriggerObserveTypes: const [
            ObserverAutoTriggerObserveType.scrollEnd,
          ],
          triggerOnObserveType: ObserverTriggerOnObserveType.directly,
          controller: observerController,
          onObserve: (resultModel) {
            debugPrint('visible -- ${resultModel.visible}');
            debugPrint('firstChild.index -- ${resultModel.firstChild?.index}');
            debugPrint('displaying -- ${resultModel.displayingChildIndexList}');

            for (var item in resultModel.displayingChildModelList) {
              debugPrint(
                  'item - ${item.index} - ${item.leadingMarginToViewport} - ${item.trailingMarginToViewport}');
            }

            setState(() {
              _hitIndex = resultModel.firstChild?.index ?? 0;
            });
          },
        ),
      ),
    );
    return Scaffold(
      appBar: AppBar(title: const Text("ListView")),
      body: ListViewObserver(
        child: _buildListView(),
        autoTriggerObserveTypes: const [
          ObserverAutoTriggerObserveType.scrollEnd,
        ],
        triggerOnObserveType: ObserverTriggerOnObserveType.directly,
        controller: observerController,
        onObserve: (resultModel) {
          debugPrint('visible -- ${resultModel.visible}');
          debugPrint('firstChild.index -- ${resultModel.firstChild?.index}');
          debugPrint('displaying -- ${resultModel.displayingChildIndexList}');

          for (var item in resultModel.displayingChildModelList) {
            debugPrint(
                'item - ${item.index} - ${item.leadingMarginToViewport} - ${item.trailingMarginToViewport}');
          }

          setState(() {
            _hitIndex = resultModel.firstChild?.index ?? 0;
          });
        },
      ),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.airline_stops_outlined),
        onPressed: () {
          SnackBarUtil.showSnackBar(
            context: context,
            text: 'Jump to row 50',
          );
          observerController.jumpTo(
            index: 50,
            // padding: _padding,
          );
          // observerController.animateTo(
          //   index: 50,
          //   duration: const Duration(seconds: 1),
          //   curve: Curves.ease,
          //   padding: _padding,
          // );
        },
      ),
    );
  }

  ListView _buildListView() {
    // return ListView.builder(
    //   itemExtent: 50,
    //   controller: scrollController,
    //   itemCount: 100,
    //   itemBuilder: (context, index) {
    //     return _buildListItemView(index);
    //   },
    // );
    return ListView.separated(
      padding: _padding,
      controller: scrollController,
      itemBuilder: (ctx, index) {
        return _buildListItemView(index);
      },
      separatorBuilder: (ctx, index) {
        return _buildSeparatorView();
      },
      itemCount: 100,
      cacheExtent: double.maxFinite,
    );
  }

  Widget _buildListItemView(int index) {
    return Container(
      height: (index % 2 == 0) ? 80 : 50,
      color: _hitIndex == index ? Colors.red : Colors.black12,
      child: Center(
        child:_TextFieldWidget(isSelected: false,content: 'index ___ $index',)
      ),
    );
  }

  Container _buildSeparatorView() {
    return Container(
      color: Colors.white,
      height: 5,
    );
  }
}


class _TextFieldWidget extends StatefulWidget {
  const _TextFieldWidget(
      {this.content, this.onChanged, required this.isSelected});

  final String? content;
  final void Function(String)? onChanged;
  final bool isSelected;

  @override
  State<_TextFieldWidget> createState() => _TextFieldWidgetState();
}

class _TextFieldWidgetState extends State<_TextFieldWidget> {
  late final TextEditingController _controller =
  TextEditingController(text: widget.content);

  @override
  void didUpdateWidget(covariant _TextFieldWidget oldWidget) {
    if (widget.content != oldWidget.content) {
      _controller.text = widget.content ?? '';
      // LogUtil.d('didUpdateWidget ---- ${widget.content}');
    }
    super.didUpdateWidget(oldWidget);
  }

  @override
  Widget build(BuildContext context) {
    return Theme(
        data: Theme.of(context).copyWith(
          brightness: Brightness.dark,
        ),
        child: TextField(
          controller: _controller,
          minLines: 1,
          maxLines: null,
          // style: Theme.of(context).textTheme.bodyLarge?.copyWith(
          //     color:
          //     widget.isSelected ? ColorConfig.primary : ColorConfig.title),
          // contextMenuBuilder:
          //     (BuildContext context, EditableTextState editableTextState) {
          //   return CupertinoTheme(
          //     data: CupertinoTheme.of(context).copyWith(
          //       brightness: Brightness.dark,
          //     ),
          //     child: AdaptiveTextSelectionToolbar.editableText(
          //         editableTextState: editableTextState),
          //   );
          // },
          // 设置为 null 以便根据内容自动增长
          decoration: const InputDecoration(
            // focusColor: ColorConfig.primary,
            border: InputBorder.none,
            enabledBorder: InputBorder.none,
            errorBorder: InputBorder.none,
            focusedBorder: InputBorder.none,
            focusedErrorBorder: InputBorder.none,
          ),
          onChanged: widget.onChanged,
        ));
  }
}

[199305a]

https://github.com/user-attachments/assets/4c33472a-fc60-4c6b-9241-860ba2b14e1b
@LinXunFeng 这种情况

[LinXunFeng]

pull_to_refresh 已经很久不更新了，建议换掉

[199305a]

@LinXunFeng 好 我看看有没有最新基于pull_to_refresh的 暂时不好直接替换