小编Ani*_*nna的帖子

我找到了一个 git 存储库，其中包含我需要的一堆 *.png 文件。

然而，文件的原始格式使用 git lfs，如下所示：

version https://git-lfs.github.com/spec/v1
oid 
sha256:82247bedcaf9f441851f272ca2213a64b1b1084b13709eee02f185921b057efe
size 258233

我尝试克隆存储库来查看图像，但得到以下信息：

error: external filter 'git-lfs filter-process' failed
fatal: "file_name".png: smudge filter lfs failed
warning: Clone succeeded, but checkout failed.

“git pull”命令返回相同的错误：

error: external filter 'git-lfs filter-process' failed
fatal: "file_name".png: smudge filter lfs failed.

“git lfs pull”命令只是返回“无法拉取”。

我最终希望将“file_name”.png 作为图像文件而不是 sha256 字符串查看。

我不想使用默认的搜索栏，而是想按如下方式自定义它：

1. 在搜索栏前面添加一个按钮。
2. <i className="fa fa-search"/>在搜索占位符中使用图标 ( )。

到目前为止，这是我的代码：

import { Grid, _ } from 'gridjs-react';

const tableColumns = [
  'Name',
  'Phone',
  {
    name: 'Custom component',
    formatter: (text) => _(<b>{text}</b>)
  }
]
const tableData = [
  ['John', 12345, 'myText1'],
  ['Mike', 67891, 'myText2'],
]

export default function myCustomGrid() {
  return (
    <Grid
      sort={true}
      search={true} // This adds the search inp
      columns={tableColumns}
      data={tableData}
      language={{
        search: {
          placeholder: ' Search...'
        }
      }}
      pagination={{
        enabled: true,
        limit: 2
      }}
    />
  );
}

我有一个带有搜索按钮的 appBar，按下该按钮时会返回一个扩展 SearchDelegate 的自定义 DataSearch 类。

当我关闭搜索页面（从设备的返回按钮或小部件）时，我需要首先执行某个功能。但是，该功能仅从以下小部件执行，而不是在按下设备的“BACK”按钮时执行。

（下图）

这是我的代码：

class DataSearch extends SearchDelegate<String> {
  @override
  List<Widget> buildActions(BuildContext context) {
    // ...
  }

  @override
  Widget buildLeading(BuildContext context) {
    return IconButton(
      icon: Icon(Icons.arrow_back),
      onPressed: () {
        function_I_need_to_execute();
        close(context, null);
      },
    );
  }

  @override
  Widget buildResults(BuildContext context) {
    // ...
  }

  @override
  Widget buildSuggestions(BuildContext context) {
    // ...
  }
}

我已经尝试过这个，但没有改变：

@override
  void close(BuildContext context, String result) {
    super.close(context, result);
    function_I_need_to_execute();
  }

我正在考虑使用WillPopScope小部件，但我不确定它适合委托中的位置。

图像：

我正在使用该gridjs-react库创建一个表，如下所示：

<Grid
  columns={['Name', 'Email']}
  data={[
    ['John', 'john@example.com'],
    ['Mike', 'mike@gmail.com']
  ]}
  ref={tableRef}
  search={true}
  pagination={{
    enabled: true,
    limit: 1,
  }}
/>

但是，我想最终向 dom 添加一个项目以获得以下结果：

我考虑过使用ref，但无法访问以下 div，因为它仅在安装组件 Grid 之后才呈现：（据我所知）

我正在执行 useEffect() 以使用 JSON 数据更新状态。但是，获取请求有时会失败，因此如果发生这种情况，我想重新执行 useEffect 钩子：

...
import React, {useState, useEffect} from 'react';
import {getJsonData} from './getJsonData';

const myApp = () => {
    var ErrorFetchedChecker = false;
    const [isLoading,setIsLoading] = useState(true);
    const [data,setData] = useState(null);

    const updateState = jsonData => {
      setIsloading(false);
      setData(jsonData);
    };

    useEffect(() => {
      //console.log('EXECUTING');
      getJsonData().then(
        data => updateState(data),
        error => {
          Alert.alert('DATA FETCHING ERROR !', 'Refreshing ?...');
          ErrorFetchedChecker = !ErrorFetchedChecker;
          //console.log('LOG__FROM_CountriesTable: Executed');
        },
      );
    }, [ErrorFetchedChecker]);//Shouldn't the change on this variable
                              //be enough to re-execute …