Update profile picture in navigation drawer when picture is changed from Edit Profile Fragment

Question

i have an android app which is having 4 fragments with navigation drawer with profile pic, but the thing is when i Change/Update the profile pic in Edit Profile Fragment the profile pic is updating in this fragment and also im saving the pic URL in Shared Preferences(also uploading to server), but when i come back to Home Fragment the profile picture in navigation drawer is not updating with the latest picture. I am using Glide lib. for loading the profile pic, this image is loading the URL which is stored in Shared preferences. But when i close my app and opens the profile picture in navigation drawer update with the latest picture taken. I can't ask the user to close the app and open whenever he changes his profile pic in Edit Profile Fragment. Is there any way to solve this problem?

 //getting image URL from Shared Preferences.
       imgUrl = Prefrences.getProfile_picture(HomeActivity.this);
       loadImageUrl(imgUrl);

//loading image in navigation drawer with glide in Main Activity
private void loadImageUrl(String imgUrl) {
    if (imgUrl != null && !imgUrl.isEmpty()) {
        Glide.with(this).load(imgUrl).placeholder(R.drawable.avatar)
                .crossFade()
                .thumbnail(0.5f)
                .bitmapTransform(new CircleTransform(this))
                .diskCacheStrategy(DiskCacheStrategy.ALL)
                .into(img_profile);
    } else { 
       getUserDetails();  <-- this method is called when imgUrl is Null,
    }

}

No, it don't have drawer, it only have image view to display/ change the pic and few EditText Fields for name, phone number etc. — Krishna Ch, Mar 22 '17 at 17:11

score 1 · Answer 1 · answered May 09 '17 at 08:51

You can call the navigation view to refresh the data when you create your Navigation Activity....

Separate the data binding part and also Call like this from the onCreate()

private void updateNavHeaderView(){
View headerView = navigationView.inflateHeaderView(R.layout.nav_header);
        ImageView ivUserProfilePhoto = (ImageView) headerView.findViewById(R.id.ivUserProfilePhoto);
        TextView userName = (TextView) headerView.findViewById(R.id.userName);

        if (user != null && user.getUser_image() != null && !user.getUser_image().equals("")) {
            Picasso.with(MainActivity.this)
                    .load(Config.BASE_IMAGE_URL+"/"+user.getUser_image())
                    .placeholder(R.drawable.user_profile)
                    .resize(avatarSize, avatarSize)
                    .centerCrop()
                    .transform(new CircleTransformation())
                    .into(ivUserProfilePhoto);
        } else {
            ivUserProfilePhoto.setImageDrawable(getResources().getDrawable(R.drawable.user_profile));
        }
        }

thank you, ill try this, and let you know if it works for me :) — Krishna Ch, May 15 '17 at 05:04

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

Probably your image is being cached by Glide.

Check the top 2 answers here Remove image from cache in Glide library

edited May 23 '17 at 12:10

Community

1
1

answered Mar 22 '17 at 17:04

Gustavo Conde

927
12
20

Tried the above mentioned answers but No luck, and thank you for responding. – Krishna Ch Mar 22 '17 at 17:58
In what callback are you getting the image? onCreate? – Gustavo Conde Mar 22 '17 at 18:02
yea in Main Activity, on onCreate() method it is getting the image. – Krishna Ch Mar 22 '17 at 19:05
Try putting it in onResume() and still doing the no cache thing with glide – Gustavo Conde Mar 22 '17 at 19:07

Update profile picture in navigation drawer when picture is changed from Edit Profile Fragment

2 Answers2