mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
24 lines
885 B
JavaScript
24 lines
885 B
JavaScript
|
/**
|
||
|
|
* Shim style properties to work correctly on Web.
|
||
|
|
*
|
||
|
|
* Some generic properties used by react-native for styling require additional
|
||
|
|
* style fields to be included in order to work on Web. For example, setting the
|
||
|
|
* `flex` property to control the flexbox layout also requires setting the
|
||
|
|
* `display` property to `flexbox` for the `flex` style to take effect.
|
||
|
|
*
|
||
|
|
* Using this shimStyles method allows us to minimize the number of style
|
||
|
|
* declarations that need to be set or overridden for specific platforms.
|
||
|
|
*
|
||
|
|
* @param {Object} styles - A dictionary of named style definitions.
|
||
|
|
* @returns {Object}
|
||
|
|
*/
|
||
|
|
export function shimStyles(styles) {
|
||
|
|
// The flexbox layout must be explicitly chosen on Web by assigning flex to
|
||
|
|
// display. This way the React Native styles can be reused on Web.
|
||
|
|
if (styles.flex) {
|
||
|
|
styles.display = 'flex';
|
||
|
|
}
|
||
|
|
|
||
|
|
return styles;
|
||
|
|
}
|