Как установить marginLeft и marginRight в приложении-адаптере, которое реагирует на все устройства

Question

Мне нужно установить marginRight и оставить для UI layout butto n.Если я установлю MarginLeft и правильно, это не реагирует на все устройства.Мне нужно установить динамику для всех устройств в едином стиле.

Пожалуйста, поясните, как написать CSS для ios и android устройств, который реагирует на все устройства

Answer 1

Создайте файл с именем config.js и добавьте следующий код.

import {Dimensions} из'act-native ';

const config = {
    deviceWidth: Dimensions.get('window').width,
    deviceHeight: Dimensions.get('window').height
}

export default config

Затем импортируйте этот файл .js вфайл, в котором вы собираетесь использовать стили.

import config из './config'

const styles = StyleSheet.create({
    container: {,
       paddingLeft: config.deviceWidth * 0.1,
       width : config.deviceWidth * 0.8
    }
});

Это позволит выровнять вашу метку в соответствии с шириной вашего устройства.Так что это будет реагировать на каждое устройство.

Таким образом, вы можете использовать paddingRight: config.deviceWidth * 0.2 для выравнивания справа.

Изменяя значение x (deviceWidth * x ), вы можете установить поле по своему усмотрению.