跳到主要内容

游牧周记第35期

· 阅读需 5 分钟
Suhe
Suhe
This site owner

梗​

龙树谅从不失手

代码​

我的App终于更新​

学易从3.X 到 4.X时代了，上次大版本升级不知是3年还是几年前的事了？ 这次筹划准备了半年吧，中间还在外旅游了几个月，回来后又被Diablo耽搁几周，实际整合代码的时间约3周，最累是发布前几天。 主要变动都在UI上，终于把几张封面图换了。

expo router的android奇异事件​

半透明层覆盖，用animation: 'fade_from_bottom', 解决。 AI说：有时动画也会造成灰色背景干扰。可尝试这样的方法，反正不用default。

expo sdk53后android奇异事件​

问题：

expo router项目从52升级到53后，代码没变，但android上出现之前正常的顶部显示贴边了，穿过了状态栏。这种现象原因及解法？

Grok回答：

问题原因​

在将 Expo Router 项目从 SDK 52 升级到 SDK 53 后，Android 上出现顶部内容贴边、穿过状态栏的问题，主要原因是 Expo SDK 53 引入了对 Android **边到边（Edge-to-Edge）**显示的支持。这一新特性使得应用的内容默认会延伸到状态栏和导航栏下方，而不像 SDK 52 及之前版本那样默认避免与系统栏重叠。以下是具体原因：

  1. 边到边显示的引入：
    • SDK 53 默认启用了 Android 的边到边布局，应用内容会绘制在状态栏和导航栏下方，导致顶部内容（如头部标题或导航栏）可能与状态栏重叠。
    • 在 Android SDK 34 及以下版本的设备上，这一问题尤为明显，因为边到边显示的适配可能不完全兼容旧版 Android 系统。
  2. 状态栏透明性（Translucent Status Bar）：
    • 如果你在代码中使用了 expo-status-bar 且设置了 translucent 属性为 true，状态栏会变为透明，允许内容绘制在其下方，从而导致重叠问题。
  3. SafeAreaView 或安全区域处理未更新：
    • 如果你的应用未正确使用 SafeAreaView 或 react-native-safe-area-context 来处理状态栏的安全区域，升级后内容可能会直接贴边，忽略状态栏的高度。
  4. Expo Router 布局问题：
    • Expo Router 的根布局可能在 SDK 53 中默认添加了一个白色背景（或其他默认样式），当启用边到边显示时，内容会填充整个屏幕，可能导致视觉上的重叠问题。
  5. 新架构（New Architecture）的影响：
    • SDK 53 默认启用了 React Native 的新架构（New Architecture），这可能影响某些组件（如 StatusBar 或导航相关组件）的行为，尤其是在与边到边显示交互时。

我采用的解决方法：

  • 在根布局文件（通常是 app/_layout.tsx）或相关屏幕组件中，使用 SafeAreaView 包裹内容。
  • 示例代码： ·
import { SafeAreaView } from 'react-native-safe-area-context';
import { View, Text } from 'react-native';
import { Stack } from 'expo-router';

export default function Layout() {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <Stack />
    </SafeAreaView>
  );
}

expo模糊效果的问题​

本来是另外一个问题引出的。 我用expo-image组件的blurhash来做模糊效果背景图，ios良好，Android问题很多，出现黑色穿透背景等。 突然想起expo-blur的BlurView在android上也是试验性的，多少年了似乎也没有正式支持。 果然ios才是亲儿子，哦不对，expo是ios的乖儿子（自认的？）。 问了ChatGPT，它推荐一个第三方react-native-blur组件，我看两个月前还在更新，star数只有20。问一下AI他们的区别是什么？ 回答如下：

iOS 上两者都可以用；但 Android 上 expo-blur 的“模糊”其实是假的，性能差、bug 多，@sbaiahmed1/react-native-blur 才是真正能用、性能好、效果稳定的模糊组件。

如果你愿意配置原生或使用 EAS Build，强烈推荐切换到 @sbaiahmed1/react-native-blur。

要么我还是用图片文件算了？

种植​

继续跟踪羽衣甘蓝、冰菜、罗勒和其他，还有生菜也长出来了，移栽。 阳台不够大真麻烦啊。

看片​

几个月前看到开头那些“正确角色”就被劝退的《杀戮人机》。现在片荒，又拿出来看，硬着头皮撑过前面半截，大脑麻木了一阵就进入状态了。 总的来说很苹果味，轻松还带点悬疑。 亚马逊的《基地》都第三季了，看预告似乎第一反派“骡”出现了，要进入剧情高潮。但我从第一季开始就抑制不住对这片子的恶心，即使跳着看也很少坚持看完一集。作为小说粉的我，实在受不了这个改变和表演的风格。如果是50-70年代科幻间谍风反而我会喜欢。 亚马逊的魔戒前传很多人不喜欢，我还觉得不错，但这部...真就算了。 《黑袍纠察队》是他们不可超越的神作。

《研究院》《倒计时》都看了第一集，感觉节奏好，吸引力还行，但没有追剧冲动。