@klyftig/mobile-ui 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@klyftig/mobile-ui",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "scripts": {
5
5
  "pack-install": "npm pack && mv klyftig-ui-*.tgz /tmp/klyftig-ui-local.tgz && cd ../../mobile && npm install /tmp/klyftig-ui-local.tgz"
6
6
  },
@@ -30,12 +30,18 @@ export const AdaptiveGlassView: React.FC<AdaptiveGlassViewProps> = ({
30
30
  style,
31
31
  }) => {
32
32
  if (GLASS_AVAILABLE) {
33
+ // Ensure a consistent light base: without this, the native glass material
34
+ // samples whatever pixels happen to be behind it on first mount (often a
35
+ // dark shadow or tab-bar region), which makes the control look "darkened"
36
+ // until the user scrolls. A subtle translucent white keeps the appearance
37
+ // consistent while still reading as glass.
38
+ const baseStyle: ViewStyle = { backgroundColor: 'rgba(255,255,255,0.55)' };
33
39
  return (
34
40
  <GlassView
35
41
  glassEffectStyle={variant}
36
42
  tintColor={tintColor}
37
43
  isInteractive={interactive}
38
- style={style}
44
+ style={[baseStyle, style]}
39
45
  >
40
46
  {children}
41
47
  </GlassView>