Flutter中PageView嵌套TextField时iOS端滑动失效问题求助

方案1：禁用TextField内部的横向滚动（适用于多行输入场景） #

如果你的TextField是多行（maxLines设为null或大于1），iOS端会默认使用可滚动的原生输入组件，它会拦截横向滑动事件。只需给TextField添加scrollPhysics: NeverScrollableScrollPhysics()，就能禁用内部滚动，让滑动事件透传给PageView：

TextField(
  maxLines: null, // 或大于1的数值
  scrollPhysics: NeverScrollableScrollPhysics(),
  decoration: InputDecoration(hintText: "输入内容"),
)

方案2：调整TextField的手势识别优先级 #

通过自定义TextField的gestureRecognizers参数，添加一个低优先级的横向拖拽识别器，让PageView的滑动手势优先被处理：

import 'package:flutter/gestures.dart';

// ...

TextField(
  gestureRecognizers: {
    Factory<OneSequenceGestureRecognizer>(
      () => HorizontalDragGestureRecognizer()
        // 增大触摸阈值，让PageView先响应滑动
        ..gestureSettings = const DeviceGestureSettings(touchSlop: kTouchSlop * 2),
    ),
  },
  decoration: InputDecoration(hintText: "输入内容"),
)

方案3：用GestureDetector透传滑动事件 #

给PageView设置全局Key，再用GestureDetector包裹TextField，监听横向滑动事件并直接交给PageView处理，同时保留TextField的点击输入功能：

// 先给PageView设置GlobalKey
final GlobalKey<PageViewState> _pageViewKey = GlobalKey();

// ...

GestureDetector(
  behavior: HitTestBehavior.translucent,
  onHorizontalDragUpdate: (DragUpdateDetails details) {
    _pageViewKey.currentState?.position.dragUpdate(details);
  },
  child: TextField(
    decoration: InputDecoration(hintText: "输入内容"),
  ),
)

// PageView使用这个key
PageView(
  key: _pageViewKey,
  children: [/* 你的子页面 */],
)

优先尝试方案1，它最简单直接，适合多行输入场景；如果是单行TextField，方案2或3更合适。所有方案都不会禁用TextField的输入功能，能解决iOS端滑动被拦截的问题。

内容的提问来源于stack exchange，提问作者giordy16