I'm currently developing a social media app and I want to incorporate my facebook and twitter feeds within tabs. The problem I'm encountering with using the InAppBrowser plugin is that it opens the entire site as a separate page, whereas I need the content to be displayed within the tab when the user switches to it.
Below is a snippet of my HTML code:
<ion-toolbar no-border-bottom>
<ion-segment [(ngModel)]="trendingSection">
<ion-segment-button value="facebook" (ionSelect)="segmentChanged($event)">
Facebook
</ion-segment-button>
<ion-segment-button value="twitter" (ionSelect)="segmentChanged($event)">
Twitter
</ion-segment-button>
Here's a glimpse of the .ts code:
ionViewDidLoad() {
this.openWebPage();
}
openWebPage() {
const options: InAppBrowserOptions = {
zoom: "no"
};
//Opening a URL and returning an InAppBrowserObject
const browser = this.inAppBrowser.create(this.url, "blank", options);
}
If anyone has suggestions on how to approach this issue, I would greatly appreciate it!