小编Kel*_*ken的帖子

Chrome中行跟踪和装订线警告的百分比

我在CSS中有一行声明:grid-template-rows:20%80%;

当我在Chrome中运行该应用程序时,我会在控制台中收到折旧警告。不在Safari或Firefox中。

“ [Deprecation]不确定高度网格容器的行轨道和装订线百分比将针对固有高度进行解析,而不是分别视为自动高度和零高度。此更改将在M70中发生,大约在2018年10月。请参阅https://www.chromestatus .com / feature / 6708326821789696了解更多详细信息。weather.html:1未检查的runtime.lastError:消息端口在收到响应之前已关闭。”

我想我可以忽略这一点,还是需要在CSS中添加或更改某些内容?

css google-chrome

5
推荐指数
1
解决办法
463
查看次数

从图像中获取所有 exif 和元数据

我正在使用 Expo 中的 ImagePicker 从相机胶卷中导入图像。然后我想显示图像中选择的 exif 和元数据以及照片。工作正常:

  const pickImage = async () => {
let result = await ImagePicker.launchImageLibraryAsync({
  mediaTypes: ImagePicker.MediaTypeOptions.All,
  allowsEditing: true,
  aspect: [4, 3],
  quality: 1,
  exif: true,
});
console.log(result.exif);
Run Code Online (Sandbox Code Playgroud)

我得到的输出是:

    Object {
      "ApertureValue": 6,
      "BodySerialNumber": "1234********",
      "ColorSpace": 65535,
      "CustomRendered": 0,
      "DateTimeDigitized": "2021:01:21 16:23:06",
      "DateTimeOriginal": "2021:01:21 16:23:06",
      "ExifVersion": Array [
        2,
        3,
        1,
      ],
      "ExposureBiasValue": 0,
      "ExposureMode": 1,
      "ExposureProgram": 1,
      "ExposureTime": 0.005,
      "FNumber": 8,
      "Flash": 16,
      "FocalLength": 34,
      "FocalPlaneResolutionUnit": 3,
      "FocalPlaneXResolution": 1866.6666564941406,
      "FocalPlaneYResolution": 1866.6666564941406,
      "ISOSpeedRatings": Array [
        800, …
Run Code Online (Sandbox Code Playgroud)

exif react-native expo

5
推荐指数
0
解决办法
3340
查看次数

功能组件中的 extraData flatlist 道具?

当使用带有 FlatList 的类组件时,我知道要重新渲染您需要使用 extraData-{this.state}

我正在使用带有 Hook 的功能组件。我有一个状态

const [selectedGuests, setSelectedGuests] = useState([]);
Run Code Online (Sandbox Code Playgroud)

和一个平面列表

<FlatList
    data={contactsData}
    renderItem={renderItem}
    extraData={selectedGuests}
    keyExtractor={(item, index) => index.toString()}
    >
Run Code Online (Sandbox Code Playgroud)

但是当我更改状态的数组时,没有任何变化。好吧,如果我添加一个项目而不是从数组中删除一个项目,它会起作用,所以我假设 extraData 无法正常工作,因为我现在拥有它。

我想要做的是更改 FlatList 中项目的背景颜色以显示它已被选中。如果我将项目 id 添加到数组中,它会起作用:

<View style={{ other style stuff then.. backgroundColor: selectedGuests.find(k => k === item.id) ? "#ffe5e5" : "#eee"}}
Run Code Online (Sandbox Code Playgroud)

然后在调用的函数中点击一个按钮来选择项目

const addToList = (guestIDnum) => {
  const guestArray = selectedGuests;
  guestArray.push(guestIDnum);
  const mySortedList = guestArray.sort();
  const sortedNoDupes = Array.from(new Set(mySortedList));
  setSelectedGuests(sortedNoDupes);
}
Run Code Online (Sandbox Code Playgroud)

哪个有效。删除项目是这样的:

const removeFromList = (guestIDnum) => {
  const guestArray = selectedGuests; …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

3
推荐指数
1
解决办法
2462
查看次数

“navigationOptions”中的弃用:-“header: null”将被删除

反应导航版本4.3.9

我的 iOS 模拟器发出了一个烦人的警告,但除此之外它可以工作。

我有一个带有多个屏幕的堆栈导航器。我的 App.js 文件加载堆栈导航器并显示第一个屏幕。它是一个控制台屏幕,带有许多按钮,可从堆栈导航器加载屏幕。

我希望第一个控制台屏幕没有标题,因为它不适合设计师的布局。

这工作正常:

  const PlanCalcNavigator = createStackNavigator({
   Console: {
     screen: ConsoleScreen,
     navigationOptions: {
       header: null // hides header in first screen
     }
   },
   PlanEvent: PlanEventScreen,
   Calc: CalculatorScreen,
  },
 );
Run Code Online (Sandbox Code Playgroud)

但我的 iOS 模拟器不断抛出“NavigationOptions”中的弃用:-“header: null”将被删除”警告,这非常烦人。

我可以使用其他不会引发错误的术语吗?

headerMode:“无”不起作用。它不会引发错误,但控制台屏幕会显示标题。

react-native react-navigation

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