react-native-full-responsive/lib/commonjs/layout/createRStyle/index.js

Create a fully responsive React Native app for all supported platforms

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.createRStyle = void 0;
var _reactNative = require("react-native");
var _recursiveMapping = require("./mapping/recursiveMapping");
/**
 * Creating responsive styles, instead of using `StyleSheet.create({})`, you can use `createRStyle` (create responsive style)
 * to generate your responsive styles for your components.
 * ```ts
 * const styles = createRStyle({
 *  container: {
 *    flex: 1,
 *  },
 *  box: {
 *    width: '10rw', //instead of using responsiveWidth method
 *    height: '20rh', //instead of using responsiveHeight method
 *  },
 *  text: {
 *    fontSize: '10rs', //instead of using responsiveScale method
 *  },
 *  //...
 * })
 * ```
 * @param styles
 * @param styleConfig
 */
const createRStyle = (style, styleConfig) => {
  const responsivedStyles = (0, _recursiveMapping.recursiveMapping)(style, styleConfig);
  return _reactNative.StyleSheet.create(responsivedStyles);
};
exports.createRStyle = createRStyle;
//# sourceMappingURL=index.js.map