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
相关产品推荐
相关产品推荐

