You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native UI Kitten <Tab>组件点击困难问题及解决方案

React Native UI Kitten 组件点击区域过小问题解决

在React Native应用中使用UI Kitten的<Tab>组件时,遇到点击困难的问题,仅组件底部极小区域可点击。相关代码如下:

import { Layout, Tab, TabView } from '@ui-kitten/components';
...
<TabView>
  <Tab title="Title">
    ...
  </Tab>
  <Tab title="Title">
    ...
  </Tab>
</TabView>

尝试给<Tab>添加style={{height: '100%'}}后,点击区域变大,但组件高度超出预期。

解决方案:
问题出在代码其他部分,存在一个透明度为0的组件遮挡了Tab组件,移除或调整该遮挡组件即可解决点击区域过小的问题。

内容的提问来源于stack exchange,提问作者gkeenley

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 07:31:18