SVG url images not being displayed in RecyclerView

Question

I have some url strings, some ending in .png and others in .svg. The .png ones load into the recyclerview fine but the .svg ones are nowhere to be seen. I have searched through many forums but nothing has worked as of yet.

I have the following code in the onBindViewHolder of my recyclerviewadapter which finds out if the url is a .svg or not. If anyone has any ideas I would be very grateful.

    String[] homeUrlSplit = mData.get(i).getHomeTeamBadge().split("\\.");

    String homeImageType = homeUrlSplit[homeUrlSplit.length-1];

    if(homeImageType.equals("svg")){
        // do something here
    }
    else {
        Glide
                .with(mContext)
                .load(mData.get(i).getHomeTeamBadge())
                .into(myViewHolder.homeTeamBadge);
    }

Thanks

Edit: I do not quite understand the solution included in the comments under the "Possible duplicate" answer. If anyone knows of any other solutions, or would be able to explain this particular solution in layman's terms I would be very grateful.

Here is the adapter setup:

    RecyclerViewAdapterFixtures recyclerViewAdapterFixtures = new RecyclerViewAdapterFixtures(getContext(), matchesList, getActivity());
    recyclerViewFixtures.setLayoutManager(new LinearLayoutManager(getActivity()));
    recyclerViewFixtures.setAdapter(recyclerViewAdapterFixtures);

And here is the recylerviewadapter code

public class RecyclerViewAdapterFixtures extends RecyclerView.Adapter<RecyclerViewAdapterFixtures.MyViewHolder> {

Context mContext;
List<Match> mData;
Activity mActivity;

public RecyclerViewAdapterFixtures(Context mContext, List<Match> mData, Activity mActivity) {
    this.mContext = mContext;
    this.mData = mData;
    this.mActivity = mActivity;
}

@NonNull
@Override
public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {

    View v;
    v = LayoutInflater.from(mContext).inflate(R.layout.item_fixture, viewGroup, false);
    MyViewHolder vHolder = new MyViewHolder(v);

    return vHolder;
}

@Override
public void onBindViewHolder(@NonNull MyViewHolder myViewHolder, final int i) {

    myViewHolder.textViewHomeTeam.setText(mData.get(i).getHomeTeamName());

    String[] homeUrlSplit = mData.get(i).getHomeTeamBadge().split("\\.");

    String homeImageType = homeUrlSplit[homeUrlSplit.length-1];

    if(homeImageType.equals("svg")){

        SvgLoader.pluck()
                .with(mActivity)
                .setPlaceHolder(R.mipmap.ic_launcher, R.mipmap.ic_launcher)
                .load(mData.get(i).getHomeTeamBadge(), myViewHolder.homeTeamBadge);

    }
    else {
        Glide
                .with(mContext)
                .load(mData.get(i).getHomeTeamBadge())
                .into(myViewHolder.homeTeamBadge);
    }
}

@Override
public int getItemCount() {
    return mData.size();
}

public static class MyViewHolder extends RecyclerView.ViewHolder {

    private TextView textViewVersus;
    private EditText homeTeamScore;
    private EditText awayTeamScore;
    private TextView textViewHomeTeam;
    private TextView textViewAwayTeam;
    private ImageView homeTeamBadge;
    private ImageView awayTeamBadge;

    public MyViewHolder(@NonNull View itemView) {
        super(itemView);

        textViewVersus = (TextView) itemView.findViewById(R.id.textViewVersus);
        homeTeamScore = (EditText) itemView.findViewById(R.id.homeTeamScore);
        awayTeamScore = (EditText) itemView.findViewById(R.id.awayTeamScore);
        textViewHomeTeam = (TextView) itemView.findViewById(R.id.textViewHomeTeam);
        textViewAwayTeam = (TextView) itemView.findViewById(R.id.textViewAwayTeam);
        homeTeamBadge = (ImageView) itemView.findViewById(R.id.homeTeamBadge);
        awayTeamBadge = (ImageView) itemView.findViewById(R.id.awayTeamBadge);

    }
}

}

Answer 1

Put this in ur build.gradle file(app level) in depedencies :

implementation 'com.github.ar-android:AndroidSvgLoader:1.0.1'

and in build.gradle project level you should add maven { url 'https://jitpack.io' } so it will look like this in most cases

allprojects {
  repositories {
    google()
    jcenter()
   maven { url 'https://jitpack.io' }
  }
 }

then

String[] homeUrlSplit = mData.get(i).getHomeTeamBadge().split("\\.");

 String homeImageType = homeUrlSplit[homeUrlSplit.length - 1];

 if (homeImageType.equals("svg")) {
  SvgLoader.pluck()
   .with(mActivity) // ur activity
   .setPlaceHolder(R.mipmap.ic_launcher, R.mipmap.ic_launcher)//use ur place holder
   .load(mData.get(i).getHomeTeamBadge(), myViewHolder.homeTeamBadge);
 } else {
  Glide
   .with(mContext)
   .load(mData.get(i).getHomeTeamBadge())
   .into(myViewHolder.homeTeamBadge);
 }

Remove Glide dependencies implementations from ur project if you have any , since the AndroidSVGLoader already have them