NativeBaseでButtonコンポーネントのボーダーサイズをカスタマイズする方法は？

Question

私はReact NativeプロジェクトにNativeBaseを使用しています。

インラインスタイリングを使用して、<Button />コンポーネントの境界線のサイズを大きくすることができます。 NativeBaseから使用するすべてのボタンをスタイルする方法はありますか？

Answer 1

このファイルでhttps://github.com/GeekyAnts/NativeBase/blob/master/Components/Widgets/Button.js

を見てみるとTouchableHighlightコンポーネントのスタイルは、あなたが<Button bordered=true />をしたのであればborderWidth: (this.props.bordered) ? 1 : 0,

を持つメソッドprepareRootProps

を使用して設定されています。 borderWidthを1に設定します。ただし、独自の幅を定義することはできません。