How to use the reactxp.Styles.createViewStyle function in reactxp

To help you get started, we’ve selected a few reactxp examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github microsoft / reactxp / extensions / navigation / src / web / Navigator.tsx View on Github external
bottom: 0,
        top: 0
    }),
    disabledScene: Styles.createViewStyle({
        top: 0,
        bottom: 0,
        flex: 1
    }),
    transitioner: Styles.createViewStyle( {
        flex: 1,
        flexDirection: 'column',
        backgroundColor: 'transparent',
        overflow: 'hidden',
        alignItems: 'stretch'
    }),
    sceneStyle: Styles.createViewStyle({
        flex: 1,
        shadowOffset: { height: 0, width: 0 },
        shadowRadius: 40,
        shadowColor: 'rgba(0, 0, 0, 0.2)'
    })
};

// Transition types
export type TransitionToCallback = () => void;
export type ReplaceAtIndexCallback = () => void;

export interface TransitionToQueueItem {
    // The destination route index.
    destIndex: number;

    // The callback to call after this transition is finished.
github necolas / react-native-web / packages / benchmarks / src / implementations / reactxp / Box.js View on Github external
]}
  />
);

const styles = {
  outer: Styles.createViewStyle({
    alignSelf: 'flex-start',
    padding: 4
  }),
  row: Styles.createViewStyle({
    flexDirection: 'row'
  }),
  color0: Styles.createViewStyle({
    backgroundColor: '#14171A'
  }),
  color1: Styles.createViewStyle({
    backgroundColor: '#AAB8C2'
  }),
  color2: Styles.createViewStyle({
    backgroundColor: '#E6ECF0'
  }),
  color3: Styles.createViewStyle({
    backgroundColor: '#FFAD1F'
  }),
  color4: Styles.createViewStyle({
    backgroundColor: '#F45D22'
  }),
  color5: Styles.createViewStyle({
    backgroundColor: '#E0245E'
  }),
  fixed: Styles.createViewStyle({
    width: 6,
github necolas / react-native-web / packages / benchmarks / src / implementations / reactxp / Box.js View on Github external
alignSelf: 'flex-start',
    padding: 4
  }),
  row: Styles.createViewStyle({
    flexDirection: 'row'
  }),
  color0: Styles.createViewStyle({
    backgroundColor: '#14171A'
  }),
  color1: Styles.createViewStyle({
    backgroundColor: '#AAB8C2'
  }),
  color2: Styles.createViewStyle({
    backgroundColor: '#E6ECF0'
  }),
  color3: Styles.createViewStyle({
    backgroundColor: '#FFAD1F'
  }),
  color4: Styles.createViewStyle({
    backgroundColor: '#F45D22'
  }),
  color5: Styles.createViewStyle({
    backgroundColor: '#E0245E'
  }),
  fixed: Styles.createViewStyle({
    width: 6,
    height: 6
  })
};

export default Box;
github necolas / react-native-web / packages / benchmarks / src / implementations / reactxp / Box.js View on Github external
const styles = {
  outer: Styles.createViewStyle({
    alignSelf: 'flex-start',
    padding: 4
  }),
  row: Styles.createViewStyle({
    flexDirection: 'row'
  }),
  color0: Styles.createViewStyle({
    backgroundColor: '#14171A'
  }),
  color1: Styles.createViewStyle({
    backgroundColor: '#AAB8C2'
  }),
  color2: Styles.createViewStyle({
    backgroundColor: '#E6ECF0'
  }),
  color3: Styles.createViewStyle({
    backgroundColor: '#FFAD1F'
  }),
  color4: Styles.createViewStyle({
    backgroundColor: '#F45D22'
  }),
  color5: Styles.createViewStyle({
    backgroundColor: '#E0245E'
  }),
  fixed: Styles.createViewStyle({
    width: 6,
    height: 6
  })
};

reactxp

Cross-platform abstraction layer for writing React-based applications a single time that work identically across web, React Native, and Electron distribution

MIT
Latest version published 5 years ago

Package Health Score

59 / 100
Full package analysis