Nativebase：サムネイルのデフォルトサイズを変更する

Question

NativeBaseからサムネイルのデフォルトサイズを変更することはできません。私は小さいものと大きいものであるデフォルトの円を表示することができますが、デフォルトのサイズより大きな円を表示したいと思います。サムネイルのコードは次のとおりです。

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

小道具サイズが機能せず、サムネイルが小さく残っています。

マイNativeBaseバージョン：2.3.5

Answer 1

NativeBaseからThumbnailコンポーネントがsize属性を持っていません。ネイティブの基本コンポーネントはsize小道具を持っていない

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

Answer 2

、あなたがwidthとheightを追加する必要があり、そしてもう一つは、あなたがで割っborderRadiusを追加してください忘れてはならないstyle属性のwidthとheightプロパティを設定しよう2形状を確実に保持するサークル

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

Answer 3

NativeBaseサムネールコンポーネントはサイズsmallとlarge小道具が付属しています。他のサイズの画像を持つように幅と高さを設定することもできます