Poppins フォント ファミリを使用する CustomText コンポーネントを作成しました。しかし、これを使用すると、フォントサイズが大きくなるにつれて垂直方向のスペースが大きくなり、2 つの CustomText コンポーネントの間に不必要なスペースができてしまいます。

padding:0,margin:0,line-height:unknown | fontSize を使用してみましたが、どれも機能しません。 これは私の CustomText コードです:

const CustomText: React.FC = ({ スタイル、 太字です、 イタリック体です、 フォントサイズ、 色、 ...restProps }) => { fontSize ??= fontSizes.xsm; const combedStyles = [ スタイル.デフォルトテキスト、 スタイル、 isBold &&styles.boldText、 isItalic &&styles.italicText、 { フォントサイズ: フォントサイズ }、 { カラー: カラー ?? "黒" }, ]; return ; }; const スタイル = StyleSheet.create({ デフォルトテキスト: { fontFamily: "ポピンズ-レギュラー"、 }、 太字： { フォントファミリー: "Poppins-Bold"、 }、 斜体のテキスト: { fontFamily: "Poppins-Italic"、 }、 }); 

サンプル画像を使用すると何が起こるかの例です

縦方向のスペースを表示するために、backgroundColor:'green' を使用しましたが、広すぎました。

テキスト要素間の間隔を制御したい。私はネイティブに反応するのが初めてなので、助けていただければ幸いです。ありがとうございます