小编Maj*_*nia的帖子

我在 Vue-cli 项目中使用过 Vuetify。我在项目目录中有variables.scss文件src/styles。现在我只想在一个组件中更改 Vuetify Scss 变量而不影响其他组件？

例如，我只想更改$icon-size, $avatar-margin-x一个组件中的值。我怎样才能做到这一点？

我需要设置状态来检测当前视口中的哪个项目可见。为此，我编写以下代码：

const [inViewPort, setInViewPort] = useState(0);

const viewabilityConfig = {
  viewAreaCoveragePercentThreshold: 30,
};

const onViewableItemsChanged = ({viewableItems, changed}) => {
  if (changed && changed.length > 0) {
    setInViewPort(changed[0].index);
  }
};

return (
  <SafeAreaView style={styles.container}>
    <FlatList
      data={myData}
      renderItem={renderItem}
      showsHorizontalScrollIndicator={false}
      keyExtractor={(_, index) => index.toString()}
      horizontal={true}
      onViewableItemsChanged={onViewableItemsChanged}
      viewabilityConfig={viewabilityConfig}
    />
  </SafeAreaView>
);

onViewableItemsChanged 事件回调正确触发，但在我调用 setInViewPort 后，组件更新并重新呈现以下错误：

违反不变性：不支持动态更改 onViewableItemsChanged

当我在 Windows 上使用代理并在 android studio 中创建新的 android 项目时，出现此错误：

错误：连接被拒绝：没有更多信息 android studio

请帮我解决这个错误