React Native Paper按钮点击不触发onPress（集成Firebase Auth）

经过代码排查，所有阻断点都在UI触摸事件传递层，和对接的Firebase、Redux业务逻辑完全无关——已经测试过把onPress替换成纯console.log都不生效，说明触摸动作根本没有传递到Button组件本身，根本轮不到执行回调里的业务代码。

具体问题根源 #

• 布局溢出导致可点击区域脱离可触摸范围
  给Card设置了height: "100%"的强制高度，外层KeyboardAvoidingView同时配置了10px的内边距和居中对齐逻辑。当Card占满100%高度时，整体尺寸会比父容器大出20px，上下各超出10px的区域已经落在屏幕可触摸边界外，刚好会把底部的按钮区域顶到无法接收触摸的位置。
• 老版本RN的ScrollView手势拦截
  当前使用的React Native 0.39是早期版本，该版本中ScrollView的滚动手势优先级远高于内部子元素的触摸事件。只要子元素的可点击热区高度不足，ScrollView会直接拦截所有触摸动作，不会把点击事件传递给内部的Button。
• Card.Actions布局压缩了按钮触摸热区
  对应RN39版本的老版React Native Paper中，Card.Actions组件默认的垂直内边距很小，又给Button设置了width: "100%"的撑满样式，没有给按钮留出足够的垂直触摸空间，最终Button的实际可点击高度被压缩到接近0，自然不会响应点击。

可直接落地的修复操作 #

• 删掉Card组件上height: "100%"的强制高度属性，让Card根据内部内容自适应高度，避免布局溢出屏幕。
• 给ScrollView补充适配老版本RN的配置：
  • 加上contentContainerStyle={{ flexGrow: 1, justifyContent: 'center' }}，让内容自适应滚动高度，避免子元素被过度压缩
  • 开启nestedScrollEnabled，降低滚动手势对内部子元素点击事件的拦截优先级
• 给Card.Actions加上明确的垂直内边距，比如通过style设置paddingVertical: 10，保证Button至少有48px的标准触摸热区高度。
• 做最小化验证：把打印日志的测试Button直接放到ScrollView的直接子层级，不套Card.Actions，确认onPress可以正常触发后，再逐步把外层组件加回去定位具体的阻断点。

注意：之前尝试的“绑定命名函数”“替换成console.log回调”的排查操作没有生效，本质是因为问题出在UI触摸传递链路，和回调的写法没有关系，不需要调整Redux、Firebase相关的业务代码。

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