Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to transform: translate element through whole screen on Android?

I'm working on some animations in React Native and I noticed that on Android, the transform: [{ translateY: height }] doesn't take the whole screen like on iOS. On Android it just takes it's own height. How can I make the Android animation look like the iOS one?

Android:
Android

iOS:
iOS

like image 881
KadoBOT Avatar asked Feb 19 '18 06:02

KadoBOT


People also ask

How does Google Translate work on Android?

The Google Translate tap-to-translate tool works in any app that will let you long-press to select text, so it's essentially a system-wide translator for Android devices. This feature can translate a whole phrase or a single word, but it's not enabled by default, so it takes some setting up.

How do I display translated text in my Android app layout?

To see how the translated text displays in your app layout, toggle the text between the default and translated versions in the Design Editor, as follows: In the Project > Android panel on the left, select ModuleName > res > layout. Double-click content_main.xml to open it for editing.

How does the translations editor show app text before translation?

Figure 1. The Translations Editor showing app text before translation The string resources for a project are contained in strings.xml files. Your project has a default strings.xml file that contains string resources in the default language for your app, which is the language you expect most of your app users to speak.

What is the translate transform used for?

Another common use of the Translate transform is for rendering a visual object that has been originally created using coordinates that are convenient for drawing. For example, you might want to specify coordinates for an analog clock with a center at the point (0, 0). You can then use transforms to display the clock where you want it.


1 Answers

Try adding the animated style to the top view of list items, and match the list's width and height to the screen

like image 158
Shayan_Aryan Avatar answered Oct 05 '22 22:10

Shayan_Aryan