Fixed banner content offset

src/screens/Planex/PlanexScreen.js

@@ -302,10 +302,18 @@ class PlanexScreen extends React.Component<Props, State> {
             <View
                 style={{flex: 1}}
             >
+                {/*Allow to draw webview bellow banner*/}
+                <View style={{
+                    position: 'absolute',
+                    height: '100%',
+                    width: '100%',
+                }}>
+                    {this.props.theme.dark // Force component theme update
+                        ? this.getWebView()
+                        : <View style={{height: '100%'}}>{this.getWebView()}</View>}
+                </View>
                 <Banner
-                    style={{
+                    style={{marginTop: containerPaddingTop,}}
-                        marginTop: this.state.bannerVisible ? containerPaddingTop : 0,
-                    }}
                     visible={this.state.bannerVisible}
                     actions={[
                         {
@@ -330,9 +338,6 @@ class PlanexScreen extends React.Component<Props, State> {
                     onDismiss={this.hideDialog}
                     title={this.state.dialogTitle}
                     message={this.state.dialogMessage}/>
-                {this.props.theme.dark // Force component theme update
-                    ? this.getWebView()
-                    : <View style={{height: '100%'}}>{this.getWebView()}</View>}
                 <AnimatedBottomBar
                     {...this.props}
                     ref={this.barRef}

src/screens/Proxiwash/ProxiwashScreen.js

@@ -424,10 +424,23 @@ class ProxiwashScreen extends React.Component<Props, State> {
             <View
                 style={{flex: 1}}
             >
+                <View style={{
+                    position: "absolute",
+                    width: "100%",
+                    height: "100%",
+                }}>
+                    <WebSectionList
+                        createDataset={this.createDataset}
+                        navigation={nav}
+                        fetchUrl={DATA_URL}
+                        renderItem={this.getRenderItem}
+                        renderSectionHeader={this.getRenderSectionHeader}
+                        autoRefreshTime={REFRESH_TIME}
+                        refreshOnFocus={true}
+                        updateData={this.state.machinesWatched.length}/>
+                </View>
                 <Banner
-                    style={{
+                    style={{marginTop: containerPaddingTop,}}
-                        marginTop: this.state.bannerVisible ? containerPaddingTop : 0,
-                    }}
                     visible={this.state.bannerVisible}
                     actions={[
                         {
@@ -445,15 +458,6 @@ class ProxiwashScreen extends React.Component<Props, State> {
                 <CustomModal onRef={this.onModalRef}>
                     {this.state.modalCurrentDisplayItem}
                 </CustomModal>
-                <WebSectionList
-                    createDataset={this.createDataset}
-                    navigation={nav}
-                    fetchUrl={DATA_URL}
-                    renderItem={this.getRenderItem}
-                    renderSectionHeader={this.getRenderSectionHeader}
-                    autoRefreshTime={REFRESH_TIME}
-                    refreshOnFocus={true}
-                    updateData={this.state.machinesWatched.length}/>
             </View>
         );
     }