MAUI App Compatibility Issues on Oppo and Vivo Y28 Devices

Sakshi Poojary 95 Reputation points
2024-07-08T14:34:00.9266667+00:00

I have developed a MAUI application that includes pages: Signup, Login, and Reset Password. These pages function correctly on various devices, but we are encountering specific issues on Oppo and Vivo Y28 devices. On the Oppo and Vivo Y28 devices, the icons and logo that are supposed to appear on the Signup, Login, and Reset Password pages are not visible. Also, the buttons on these pages are not responsive on the Oppo device. When clicked, there is no action or feedback. This issue is exclusive to the Oppo device and Vivo Y28 devices, as the icons and logo display correctly on other devices and buttons work as expected, allowing users to navigate through the Signup, Login, and Reset Password processes seamlessly.

Issue is on following devices:

  1. OPPO A9 2020, Version 11 and 14
  2. Vivo Y28, Version 14

The Correct Screenshots

Signup Page:

User's image

Login Page:

User's image

Reset Password Page:

User's image

The Incorrect Screenshots:

Signup Page:

The icons and logo are not visible. Also, the button clicking is not working.

User's image

Login Page:

The icons and logo are not visible. Also, the button clicking is not working.

User's image

Reset Password Page:

The icons and logo are not visible. Also, the button clicking is not working.

User's image

Below is the code for the button:

The button clicking is not working.

<Button
    x:Name="signup"
    Text="Sign Up" 
    Clicked="SignupButtonClicked"
    IsEnabled="False"
    BackgroundColor="#e7e7e7"
    TextColor="White"
    CornerRadius="10"
    TextTransform="None"
    Margin="0,10,0,0"
    FontAttributes="Bold"
    HorizontalOptions="FillAndExpand">

Below is the code for an icon inside of a frame:

The icon "ic_user_xx.png" is not visible.

<Frame
    CornerRadius="5" 
    x:Name="Name_layout"
    Style="{StaticResource FrameStyle}"
    IsVisible="true">
    <StackLayout
         Orientation="Horizontal">
        <Image 
            Source="ic_user_xx.png"
            VerticalOptions="CenterAndExpand"
            HorizontalOptions="Start"
            Style="{StaticResource IconStyle}"
            Margin="10"/>
        <local:CustomEntry 
            x:Name="nameEntry" 
            Placeholder="Name"
            TextChanged="Name_TextChanged"
            Margin="0,0,5,0"
            Style="{StaticResource EntryStyle}"/>
    </StackLayout>
</Frame>

Below is the code for the logo:

The logo ic_logo_xx.png is not visible.

<Image 
    Source="ic_logo_xx.png"
    HorizontalOptions="Center"
    VerticalOptions="Center"
    Style="{StaticResource LogoImageStyle}">
</Image>

Can you please provide me with a solution to fix this?

.NET MAUI
.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
3,207 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,936 Reputation points Microsoft Vendor
    2024-07-19T08:42:52.49+00:00

    Hello,

    From Sakshi Poojary solution.

    Update current and preview versions of visual studio and the issue is fixed

    Microsoft Visual Studio Community 2022 (64-bit) - Preview Version 17.11.0 Preview 3.0

    Microsoft Visual Studio Community 2022 (64-bit) - Current Version 17.10.4

    Best Regards,

    Leon Lu


    If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments No comments