0

検索バーの右側にある [キャンセル] ボタンを押したときに非表示にしようとしています。showCancelButton prop に使用しようとしましたが、機能していません。Ant-Design React-Native ドキュメント リンク キャンセルボタンが効かない

これは、問題の再現リポジトリへのリンクですhttps://github.com/kvnlee777/antd-rn-issue

反応ネイティブ バージョン 0.61.4

iOS シミュレーター バージョン 12.4

import React, {useState} from 'react';
import { Alert, View} from 'react-native';
import { SearchBar } from '@ant-design/react-native';


const SearchBarDemo = () => {
  const [value, setValue] = useState('');    
  const [showCancel, setShowCancel] = useState(true);

  const onChange = (currentValue) => {
    setValue(currentValue);
  }

  const clear = () => {
    setValue('');        
    setShowCancel(false);
  }

  return (
    <View style={{ marginTop: 30}}>           
      <SearchBar			
        value={value}
        placeholder="Search products, brands"
        onSubmit={value => Alert.alert(value)}              
        onCancel={clear}
        onChange={onChange}                  
        cancelText='Cancel'
        showCancelButton={showCancel}        
      />
    </View>
  );


};
export default SearchBarDemo;

4

1 に答える 1