ExtendedStyleSheet Sans Styles

README.md

ExtendedStyleSheet Sans Styles

By replacing the code in api.js of React Native Extended Stylesheets, you can remove all styles from components. This is helpful for measuring the impact of styles on performance.

To make this change, you will have to replace the create function in react-native-extended-stylesheet/src/api.js in the node_modules of your project with the one included in this gist.

If your project uses inline styles or normal stylesheets this change will not affect those styles.

api.js

/**
 * Extended StyleSheet API
 */

...
...
...

export default class EStyleSheet { 
  
  ...
  ...
  ...

  /**
   * REPLACE ME!!!!
   * Creates stylesheet that will be calculated after build
   * @param {Object} obj
   * @returns {Object}
   */
  create(obj) {
    // this replaces all styles with an empy object.
    for (var key in obj) {
      obj[key] = {}
    }

    const sheet = new Sheet(obj);
    // todo: add options param to allow create dynamic stylesheets that should not be stored
    this.sheets.push(sheet);
    if (this.builded) {
      sheet.calc(this.globalVars);
    }
    return sheet.getResult();
  }

  ...
  ...
  ...
}