AppHead | Head View like Facebook Messenger for Android | Android library

I have an chat application that requires authentication. Uses cookies. Here what I try:

I Have a custom header component designed using UI Kitten "Top Navigation" component (link below to examples) i would like to use that as a header on main page instead of the header Stack Navigator provides

https://akveo.github.io/react-native-ui-kitten/docs/components/top-navigation/overview#topnavigationaction

lets say use custom "Top Navigation" component called AppHeader in NotificationScreen

So I have looked through many of the answers already posted in StackOverflow, and I cannot seem to find one that applies.

First, let me explain my Xamarin Forms App. I have the traditional solution structure (.Net Standard 2.0 class library with the Andoid and iOS application projects). The application I am working on is part of a suite of application which share a large amount of code (header, footer, error handling etc) via an additional .Net 2.0 standard class library. In this class I have a viewmodel for exception handling as well as a standard header content view used in all applications that are part of suite.

Within the header I show an error icon in the header area that the user can click on to report the errors etc. when the exception processor adds an exception. I bind the IsVisible property of the image control for the error icon to a property in the exception handling viewmodel. Every time my a page displays (all pages use the shared header), the get for the property in the viewmodelthe IsVisible property bound to is called. So it would appear the binding is configured correctly.

The problem is that when I add an error via my exception handling view model and then attempt to notify the UI that the bound property has changed, the PropertyChange event objet - defined as follows:

I'm using ReactJS to run my Front and ExpressJS to run my API. So at my ReactJS App, I want to show only array id: 8 to id: 12 for example, because this way I have the code it prints all the arrays.

I want to change(reduce) the default height of the toolbar from Material-UI

I already referred How do I change the Material UI Toolbar height? still I'm facing the problem

The thing is when I am increasing beyond like 50 , I can see changes. But when I want to decrease the height I am unable to.

How can I achieve this?

My Code :

I am developing a Expo-managed (not bare) mobile application. I recently ran into this issue: it crashes on start on ios. and I understand that this has to do with some of my packages requiring ios native modules, therefor I have to eject before I can use this package.

However, my goal here is not to eject but to find the package causing this issue, however, unable find it so far.

What suprises me is that android runs without issues, even though it looks like it requires native modules.

Please note everything runs fine on android

Error

package.json

So, I get this warning:

" Extraneous non-emits event listeners (addNewResource) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option."

And I don't understand why. I am using dynamic components with 2 custom events. I've tried adding both of the emitted events to the emits object of both components.

App.vue

I am developing a react-native application using redux. This is my app.js:

I have the following redux store file: