---
# System prepended metadata

title: React native Andorid issues and solutions.

---

# React native Andorid issues and solutions.

 1.  Image direction issue, rotation issue.
 

> Reason: Some android devices can't process transform of the Image in a Text Block

```javascript=
const styles = {
    rightImage:{
        transform:[{
            rotate:'180deg'
        }]
    }
}
## Work ##
<Image  source={require('@src/assets/images/right-arrow-transparent.png')}  style={styles.Image}/>

## Not work ##
<Text>
    {someWords}
    <Image source={require('@src/assets/images/right-arrow-transparent.png')}  style={styles.Image}/>
<Text/>
```

> Solution: remove it out side of the Text, or create rotated image.


2. Float bottom bar is pushed up by andorid keyboard.

> Reason: Andorid Manifest windowSotfInputMode not set correctly

```xml=
<activity
    android:name=".MainActivity"
    android:launchMode="singleTask"
    android:label="@string/app_name"
    android:screenOrientation="portrait"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustPan"/>
```
> "adjustResize"
The activity's main window is always resized to make room for the soft keyboard on screen.
"adjustPan"
The activity's main window is not resized to make room for the soft keyboard. Rather, the contents of the window are automatically panned so that the current focus is never obscured by the keyboard and users can always see what they are typing. This is generally less desirable than resizing, because the user may need to close the soft keyboard to get at and interact with obscured parts of the window.