Socket
Socket
Sign inDemoInstall

@zettabrasil/react-native-searchbar

Package Overview
Dependencies
3
Maintainers
4
Versions
12
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@zettabrasil/react-native-searchbar

Search Bar for iOS & Android with voice and history features


Version published
Maintainers
4
0

Weekly downloads

Readme

Source

npm size

Search Bar for iOS & Android with voice and history features for React Native.

Install

npm i -S @zettabrasil/react-native-searchbar

We will need to install first the following libraries to get this working well:

@react-native-community/voice.

npm i -S @react-native-community/voice

Need to include permissions for NSMicrophoneUsageDescription and NSSpeechRecognitionUsageDescription inside Info.plist for iOS. See the included VoiceTest for how to handle these cases.

<dict>
  ...
  <key>NSMicrophoneUsageDescription</key>
  <string>Description of why you require the use of the microphone</string>
  <key>NSSpeechRecognitionUsageDescription</key>
  <string>Description of why you require the use of the speech recognition</string>
  ...
</dict>

@react-native-community/async-storage.

npm i -S @react-native-community/async-storage

Link the iOS package

npx pod-install

Usage

Checkout the example

This library depends on react-native-root-siblings to work properly. So, it is necessary to make the following configuration in the root app component:

import { SearchBarWrapper } from '@zettabrasil/react-native-searchbar';

export default function App() {
  return (
    <SearchBarWrapper>
      <View>
        { /* app content */ }
      </View>
    </SearchBarWrapper>
  );
}

Keywords

FAQs

Last updated on 11 May 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc