Detect height of notification. (#710)

android/app/src/main/java/com/reactnativenavigation/animation/PeekingAnimator.java

     private final Animator animator;
 
     public PeekingAnimator(View view, Position position, final boolean show) {
-        final int offsetPixels = view.getLayoutParams().height * (position == Position.Top ? -1 : 1);
+        final int offsetPixels = view.getHeight() * (position == Position.Top ? -1 : 1);
 
         this.animator = show ?
                 createSlideInAnimator(view, offsetPixels) :

android/app/src/main/java/com/reactnativenavigation/views/slidingOverlay/OverlayViewMeasurer.java

+package com.reactnativenavigation.views.slidingOverlay;
+
+import android.view.View;
+
+import com.reactnativenavigation.views.ContentView;
+import com.reactnativenavigation.views.utils.ViewMeasurer;
+
+public class OverlayViewMeasurer extends ViewMeasurer {
+    private final ContentView view;
+
+    public OverlayViewMeasurer(ContentView view) {
+        this.view = view;
+    }
+
+    @Override
+    public int getMeasuredHeight(int heightMeasureSpec) {
+        View view = this.view.getChildAt(0);
+        if (view != null) {
+            return view.getMeasuredHeight();
+        }
+
+        return super.getMeasuredHeight(heightMeasureSpec);
+    }
+}

android/app/src/main/java/com/reactnativenavigation/views/slidingOverlay/SlidingOverlay.java

 import com.reactnativenavigation.screens.Screen;
 import com.reactnativenavigation.utils.ViewUtils;
 import com.reactnativenavigation.views.ContentView;
+import com.reactnativenavigation.views.utils.ViewMeasurer;
 
 public class SlidingOverlay {
 
         view = createSlidingOverlayView(params);
         parent.addView(view);
 
-        final PeekingAnimator animator = new PeekingAnimator(view, params.position, true);
-        animator.addListener(new AnimatorListenerAdapter() {
-            @Override
-            public void onAnimationCancel(Animator animator) {
-                onSlidingOverlayShown(view);
-            }
-
-            @Override
-            public void onAnimationEnd(Animator animator) {
-                onSlidingOverlayShown(view);
-            }
-        });
         view.setOnDisplayListener(new Screen.OnDisplayListener() {
             @Override
             public void onDisplay() {
+                final PeekingAnimator animator = new PeekingAnimator(view, params.position, true);
+                animator.addListener(new AnimatorListenerAdapter() {
+                    @Override
+                    public void onAnimationCancel(Animator animator) {
+                        onSlidingOverlayShown(view);
+                    }
+
+                    @Override
+                    public void onAnimationEnd(Animator animator) {
+                        onSlidingOverlayShown(view);
+                    }
+                });
+
                 view.setVisibility(View.VISIBLE);
                 visibilityState = VisibilityState.AnimateShow;
                 animator.animate();
     }
 
     protected ContentView createSlidingOverlayView(SlidingOverlayParams params) {
-        final float heightPixels = ViewUtils.convertDpToPixel(100);
-
-        final RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, (int) heightPixels);
+        final RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
         lp.addRule(params.position == Position.Top ? RelativeLayout.ALIGN_PARENT_TOP : RelativeLayout.ALIGN_PARENT_BOTTOM);
 
         final ContentView view = new ContentView(parent.getContext(), params.screenInstanceId, params.navigationParams);
+        view.setViewMeasurer(new OverlayViewMeasurer(view));
         view.setLayoutParams(lp);
         view.setVisibility(View.INVISIBLE);
         return view;

example/src/screens/InAppNotification.js

 
 const styleSheet = StyleSheet.create({
   container: {
-    flex: 1,
+    height: 120,
     backgroundColor: 'white',
     alignItems: 'center',
     justifyContent: 'center',
-    marginLeft: 10,
-    marginRight: 10,
-    marginTop: 18,
-    marginBottom: 18
   }
 });