Отображение встроенного компонента реакции в фиксированном положении экрана независимо от того, что - PullRequest
Новая
       23

Отображение встроенного компонента реакции в фиксированном положении экрана независимо от того, что

0 голосов
/ 26 июня 2019

Я хотел бы разместить компонент, в данном случае простой текстовый номер версии приложения, который можно будет щелкнуть и принудительно обновить версию, на экране реагирующего нативного приложения.Мне бы хотелось, чтобы это было видно независимо от того, на какой платформе запущено приложение (iOS / Android / устройство / симулятор / реагировать-родной-веб), и независимо от того, что еще происходит на экране приложения.Если отображаются другие объекты, я бы хотел, чтобы этот компонент отображался поверх них.Я не смог этого сделать.

(Кстати: это для отладки, поскольку я не обнаружил, что система Expo надежно перезагружается и представляет текущую версию приложения. Если кто-то хотел бы прокомментироватьрешение этой проблемы отлично).

Я пробовал много вещей, например, включая компонент, приведенный ниже в основном файле app.js.В этом случае он будет отображаться для всех экранов на симуляторе iOS, но не на устройстве Android.Из других постов я понимаю, что это может быть связано с ограничениями Android.

Спасибо за вашу помощь. 

import React, { Component } from 'react'
import { StyleSheet, Text, View,TouchableHighlight } from 'react-native'
import { Ionicons } from '@expo/vector-icons'
import { Updates } from 'expo';

export default class AppVersion1 extends Component {
    _onPressButton = ()=> {
        AppConsole.log('Pressed reload')
        Updates.reload()
    }

    render(){

        return(<View style={styles.appVersionPosition}>
            <TouchableHighlight onPress={this._onPressButton}>
            <Text
                style={styles.appversion}
                onPress={this.reload}
            >
                <Ionicons name="md-refresh" /> Beta043</Text>
            </TouchableHighlight>
        </View>)}
}

const styles = StyleSheet.create({
    appversion: {
        color:'white',
        backgroundColor:'#68a0cf',
        textAlign: 'center',
        fontSize:10,
        zIndex: 99999
    },
    appVersionPosition: {
        position: 'absolute',
        top: '7%',
        left: 0,
        backgroundColor: 'grey',
        zIndex: 99999
    }
})
...