Можно ли добиться идеального позиционирования с помощью приложений React Native?

Question

У меня есть приложение, использующее Ioni c Framework с десятками пользовательских изображений друг над другом (слоистых), текстовыми элементами SVG (с пользовательскими путями) и несколькими javascript плагинами.

I думал о портировании на React Native, но не мог найти подходящее место, чтобы спросить кроме здесь ..

Любой разработчик React может дать несколько указаний, если порт возможен?

Answer 1

Да, вы можете перенести приложение Ioni c на React Native с помощью Pixel Perfect UI. Для конкретной c платформы для IOS и Android Вы также можете написать свой код. Вы можете начать с React Native последней версии 0,61 React Native Documentation . А для позиционирования Specifi c для ваших SVG-изображений вы можете найти несколько npm модулей. Это отличная идея, если вы переведете ваше приложение ioni c в React Native. Это обеспечит максимальную производительность вашего приложения, а также доступны несколько пакетов npm, что делает его разработку быстрой и эффективной.

Answer 2

для ширины высоты, вы можете использовать функцию ниже для каждого дочернего компонента

import {PixelRatio, Dimensions} from 'react-native';

let screenWidth = Dimensions.get('screen').width;
let screenHeight = Dimensions.get('screen').height;
export const DESIGN_HEIGHT_WIDTH = {HEIGHT: 736, WIDTH: 414};
/**
 *
 * @param {*} height height of the screen
 */
export const convertHeight = height => {
  const elemHeight = typeof height === 'number' ? height : parseFloat(height);
  return PixelRatio.roundToNearestPixel(
    (screenHeight * elemHeight) / DESIGN_HEIGHT_WIDTH.HEIGHT,
  );
};

/**
 *
 * @param {*} width width of the screen
 */
export const convertWidth = width => {
  const elemWidth = typeof width === 'number' ? width : parseFloat(width);
  return PixelRatio.roundToNearestPixel(
    (screenWidth * elemWidth) / DESIGN_HEIGHT_WIDTH.WIDTH,
  );
};