时间戳

首页 > 解决方案 > React Native Paper 按钮图标大小

javascript - React Native Paper 按钮图标大小

问题描述

嘿有没有办法设置我的按钮图标的大小？

<Button
  contentStyle={[accordionStyles.header__button, ]}
  icon={show === Props.value ? "chevron-up" : "chevron-down"}
  direction='rtl'
  color='black'
>
...
</Button>

但是，如果我尝试调整 Button 的大小，size={40}则它不起作用。

标签： javascriptreact-native

解决方案

对于仍然坚持这个问题的人，我发现这个解决方案有效：

<Button
          mode="outlined"
          labelStyle={{fontSize: 25}}
          onPress={() => doSomething()}
          icon="share"
          >
          <Text style={{fontSize: 16}}>My Text</Text>
        </Button>

将文本包装在组件中并给它一个字体大小，而 labelStyle 只会增加图标的大小

推荐阅读