NavigationExperimental Header schneidet die AnimatedView-Szenen ab

Question

In NavigationExperimental von react-native wird der Header des AnimatedView als Overlay gerendert.

Dies bedeutet, dass alle Szenen, die von der animierten Ansicht gerendert werden, ihre Spitzen durch den Header abgeschnitten haben.

Was ist der beste Weg, um zu verhindern, dass die Oberseiten meiner Szenen abgeschnitten werden? Ich kann oben in jeder Szene ein Padding hinzufügen, aber das scheint ein Hack zu sein.

Answer 1

AnimatedView wird voraussichtlich in der nächsten Version veraltet sein. Sie können stattdessen NavigationTransitioner verwenden.

NavigationTransitioner erhalten nur eine Stütze render genannt render, im Gegensatz zu AnimatedView die renderScene und renderOverlay hatte, jetzt sollten Sie Ihre Header als Teil der Szene machen. Das wird das von Ihnen gemeldete Problem lösen.

Weitere Informationen finden Sie unter this post.