Are top and bottom tabs a bad idea?

I’m working on an app with this type of UI structure

Where the view on the first main tab will have 3 sub sections. I’m currently doing this with top tabs, but there’s a problem with the content size - you can see that row 20 is hidden underneath the bottom tabs. I can add “has-footer” to ion-content to fix it but that will only be true for iOS, so seems no good. Am I missing something?

I’m also a bit concerned that having top tabs AND bottom tabs is going to cause issues with Android/iOS compatibility. Am I better off doing this with a single set of tabs, then on the first page having a subheader and button bar and somehow switching the view below? (I’m an Angular newbie so no idea yet how to do that yet!).