小编Ivá*_*án 的帖子

React Native iOS 上的视图无缘无故地晃动

我在我正在开发的 RN 应用程序中检测到奇怪的行为。显然,刷新应用程序时,屏幕的一个组件毫无理由地开始震动。iOS 模拟器和 iPhone 设备上都会发生这种情况。它不会在每次刷新时发生,但大多数时候都会发生,当发生这种情况时,模拟器就会变得无响应。

\n\n

以下是所发生情况的 GIF:https://gph.is/g/EvAqBgg

\n\n

下面是屏幕和震动组件的代码:

\n\n

屏幕

\n\n
<Container>\n      <SafeAreaView />\n      <Header>\n        <TouchableOpacity onPress={() => navigation.openDrawer()}>\n          <MaterialIcons name="menu" size={24} color="black" />\n        </TouchableOpacity>\n        <TouchableOpacity onPress={() => navigation.navigate(\'Filter\')}>\n          <MaterialIcons name="search" size={24} color="black" />\n        </TouchableOpacity>\n      </Header>\n      <FlatList\n        data={products}\n        renderItem={({ item }) => (\n          <ProductItem\n            product={item}\n            onPress={() => navigation.navigate(\'Product\', { product: item })}\n          />\n        )}\n        keyExtractor={(item) => item.id}\n        numColumns={2}\n        ListEmptyComponent={() => <Text>No hay elementos</Text>}\n        ListHeaderComponent={<HomeHeader />}\n      ></FlatList>\n      <ShoppingCartButton\n        items={itemsInCart}\n        onPress={() => navigation.navigate(\'ShoppingCart\')}\n        price={price}\n      ></ShoppingCartButton>\n    </Container>\n  );\n}\n\nconst Container …
Run Code Online (Sandbox Code Playgroud)

react-native react-native-ios

7
推荐指数
1
解决办法
1929
查看次数

标签 统计

react-native ×1

react-native-ios ×1