React Native Base Button组件fontSize属性无效问题求助
- 直接给Button组件传
fontSize属性无效,是因为NativeBase的Button内部会将文本渲染为独立的Text元素,外层Button的样式不会直接传递给内部文本。你可以通过以下两种方式设置:
使用NativeBase提供的
_Text属性
这是NativeBase组件专门用于自定义内部文本样式的属性,示例代码:<Button _Text={{ fontSize: 20 }}> 自定义字号按钮 </Button>通过嵌套Text组件设置样式
如果需要更灵活的样式控制,直接给Button内的Text组件单独设置样式:<Button> <Text style={{ fontSize: 20 }}>自定义字号按钮</Text> </Button>
- 你用
--legacy-peer-deps安装的操作没问题,和fontSize无效的问题无关,当前其他功能正常说明这个兼容方式是有效的,问题根源是组件内部的样式传递机制导致的。
内容的提问来源于stack exchange,提问作者Nathan
相关产品推荐
相关产品推荐

