size - native 库 : change thumbnail default size

Question

我无法从 NativeBase 更改缩略图的默认大小。我可以显示默认圆圈，即小圆圈和大圆圈，但我想显示比默认大小更大的圆圈。这是我的缩略图代码:

<Thumbnail size={200} style={{margin: 30}} source={require('../../../public/images/profile/yellow.jpg')} />

Prop 大小不起作用，缩略图仍然很小。

我的 NativeBase 版本:2.3.5

Answer 1

Native Base Component 没有 size 属性，你应该添加 width 和 height，还有一件事你不应该忘记了请添加 borderRadius 除以 2 以确保形状保留为 Circle

<Thumbnail style={{width: 30, height: 30, borderRadius: 30/2}} source={require('../../../public/images/profile/yellow.jpg')} />