検索バーの右側にある [キャンセル] ボタンを押したときに非表示にしようとしています。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;