[iOS][Android] Avatar with Image & Icon & Text does not render content to fill Avatar component after update to RN 0.74.5

オープン
#3,945 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
38/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
react-native
領域
mobile

調査の方向性

Start by reproducing the provided Avatar example with Expo 51, React Native 0.74.5, and the listed RNEUI versions on iOS or Android. Done means the Avatar image source and title content fill the 32x32 container as shown in the expected screenshots.

索引モデルが issue の本文から書いたものです。

説明

Needs Triage
Is there an existing issue for this?
  • I have searched the existing issues
Explain what you did

I updated my React Native project to Expo 51, ReactNative 0.74.5 and now the existing Avatar component is not rendering the image to fill the container.

Expected behavior

I would expect the Avatar image source & title contents to fill the Avatar container.

Describe the bug

Now, the avatar icon fills the container & the title and image source contents fill a small portion.

I was on version 3.4.3 and tried updating to 4.0.0-rc7 with the same results

Steps To Reproduce
<Avatar
        containerStyle={{
          borderWidth: 1,
          borderColor: 'black',
          height: 32,
          width: 32,
        }}
        icon={{
          name: 'user',
          type: 'feather',
          color: '#000',
        }}
        onPress={pressProfile}
        pressableProps={{
          hitSlop: 20,
        }}
        source={
          session?.user.user_metadata?.picture
            ? { uri: session.user.user_metadata.picture }
            : undefined
        }
        title={
          !session?.user.user_metadata?.picture
            ? user?.name || undefined
            : undefined
        }
      />
Screenshots
Before:

No issues:
image

image

After:
image image
Your Environment
React Native Elements Env Info

## Global Dependencies:

   No related dependency found

## Local Dependencies:

 - @rneui/base : ^0.0.0-edge.2
 - @rneui/themed : ^0.0.0-edge.2
 - expo : ^51.0.0
 - react : 18.2.0
 - react-native : 0.74.5
 - react-native-elements : ^3.4.3 //  tried updating to 4.0.0-rc7 with the same results
主要言語
MDX
スター
25.9k
フォーク
4.7k
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

react-native-elements/react-native-elements のほかの issue

react-native-elements/react-native-elements の issue をすべて見る

似ている issue

Mobile Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。