Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

.NET MAUI set AppShell custom FlyoutIcon display problem #25920

Open
dev-xam opened this issue Nov 18, 2024 · 3 comments · May be fixed by #26016
Open

.NET MAUI set AppShell custom FlyoutIcon display problem #25920

dev-xam opened this issue Nov 18, 2024 · 3 comments · May be fixed by #26016
Assignees
@Ahamed-Ali
Labels
area-controls-shell Shell Navigation, Routes, Tabs, Flyout platform/android 🤖 platform/iOS 🍎 s/needs-attention Issue has more information and needs another look t/bug Something isn't working
Milestone
Backlog

Comments

@dev-xam
Copy link

dev-xam commented Nov 18, 2024 •
edited
Loading

Description

.NET Maui project (.NET 8, .NET 9) try to set custom hamburger icon. After app compiled, it is displayed as:

  • Android - white icon, no matter that original icon color is f.e. blue color,
  • iOS - display custom hamburger icon, but space for custom icon is very wide and title view goes very far to right.

Moreover set hamburger color works only for iOS. It is not working on Android. Details in steps to reproduce.

Image
Image
Image
Image

Steps to Reproduce

  1. Create sample .NET project
  2. Set any custom icon at AppShell.xaml:
    FlyoutIcon="hamburger_icon.png"
  3. Set hamburger icon color at AppShell.xaml:
    Shell.ForegroundColor="#ff0000

Link to public reproduction project repository

https://github.com/dev-xam/MauiApp_FlyoutIconProblem

Version with bug

9.0.10 SR1

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Android, iOS

Affected platform versions

No response

Did you find any workaround?

No workaround

Relevant log output


      		
    

      
  





        



            

              
            

        

      


      
    








      

    



      

  
            

    

      
    

    


      

          @dev-xam
dev-xam




          added
  the 

  t/bug

  Something isn't working
 label


      Nov 18, 2024

    

  








      

  
      



  

  @similar-issues-ai

    
      Similar Issues AI
    




  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  


  

    

  





      


        


  
    

      
          
We've found some similar issues:



If any of the above are duplicates, please consider closing this issue out and adding additional context in the original issue.




Note: You can give me feedback by 👍 or 👎 this comment.



      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
            

    

      
    

    


      

          @mattleibow
mattleibow




          added
  the 

  s/needs-repro

  Attach a solution or code which reproduces the issue
 label


      Nov 18, 2024

    

  








      

  
      



  

  @mattleibow





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
  Member


      

  


  

    

  





      


        


  
    

      
          
The repro is needed because the images might have issues or they may help us debug.

      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
            


    

    

      
    

    


      

          @Ahamed-Ali
Ahamed-Ali




              self-assigned this


      Nov 19, 2024

    

  








      

  
      



  

  @dev-xam





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  Author


  


  

    

      

      
            dev-xam
  

      

      

      commented


        Nov 19, 2024


      
    


  





      


        


  
    

      
          


The repro is needed because the images might have issues or they may help us debug.




Updated

      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
            

    

      
    

    


      

          @dotnet-policy-service
dotnet-policy-service
bot



            added
      

  s/needs-attention

  Issue has more information and needs another look

    and removed
      

  s/needs-repro

  Attach a solution or code which reproduces the issue

  labels


      Nov 19, 2024

    

  



    

    

      
    

    


      

          @dev-xam
dev-xam




        changed the title
.NET MAUI set AppShell custom FlyoutIcon displayed problem

.NET MAUI set AppShell custom FlyoutIcon display problem


      Nov 19, 2024

    

  



    

    

      
    

    


      

          @PureWeen
PureWeen




          added this to the   Backlog milestone


      Nov 19, 2024

    

  



  

  

    
  


  

      

    @Tamilarasan-Paranthaman
Tamilarasan-Paranthaman



    linked a pull request
    
      Nov 21, 2024
    

    that will
    close
    this issue





  


  

      
   Open

  





  
  

      
        
      
      

  
    
    
  


    4 tasks
  





  













  
  

    

      

  





  




  
  

              

  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment


  



  






  
                  




    

  


      
  

    Assignees
  



        

      

        

  
      @Ahamed-Ali
  
    Ahamed-Ali
    

      








      


  


  

    Labels
  



    

      

    area-controls-shell

  Shell Navigation, Routes, Tabs, Flyout
  

    platform/android 🤖

  

    platform/iOS 🍎

  

    s/needs-attention

  Issue has more information and needs another look
  

    t/bug

  Something isn't working








      

  

    

        

    Projects
  


        




    None yet




  



      


  

    
  

    Milestone
  


      
    
  
    Backlog
  





    
      
          


  

    
      

        
    

    Development
  




            
Successfully merging a pull request may close this issue.





    


  
          
      [iOS] [Android] Fix for Shell custom FlyoutIcon display problem

    
      Tamilarasan-Paranthaman/maui
    





    
  




        
      

    

  
      

  

    

      4 participants
    

    

        
          @mattleibow 
        
          @PureWeen 
        
          @dev-xam 
        
          @Ahamed-Ali