Question

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

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

道具尺寸不起作用，缩略图仍然很小。

我的NativeBase版本：2.3.5

Answer 1

原生基础组件没有size道具，您应该添加width和height，还有一件事你不应该忘记请添加{{ 1}}除以2以确保形状保留圆

borderRadius

Answer 2

您可以使用此技巧简单地增加Thumbnail的大小。只需将scale的属性与<Thumbnail/>一起使用。

只需在您的应用中复制并粘贴以下代码

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

您可以根据需要更改比例值。让我知道这是否可以解决您的问题。

Answer 3

NativeBase中的Thumbnail组件没有size属性。尝试设置width属性

的height和style属性

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

Answer 4

NativeBase Thumbnail组件附带small和large个尺寸的道具。您还可以设置宽度和高度以使图像具有其他尺寸