Set the default value of search bar?

[EvanBacon]

Is it possible to set the default value of the search bar? Something like:

{
  headerSearchBarOptions: {
    placeholder: "Search",
    autoFocus: true,
+    value: 'incoming query'
  }
}

[felixaa]

I see that UISearchController has a method called setText

Would that be something that could be used?

- (void)setValue:(NSString *)value
{
  [_controller.searchBar setText:value];
}

My objc knowledge is limited but I tested the setText and it seems to work. But one would have to make sure it's emitting the
onChangeText event, together with focusing the input

  [self emitOnSearchButtonPressEventWithText:text];
  [self showCancelButton];
  [self becomeFirstResponder];
  [self emitOnFocusEvent];

Maybe it's something that could be included with the imperative api? #1523

[tboba]

Hi @EvanBacon! Sorry for the late response 🙏
Currently you should have an ability to do something similar by using passing a ref to the searchBar option and using setText(value) method imperatively from it.
Let me know if that way of setting the value meets your needs.

Cheers!

[Rezrazi]

Hey @tboba
I'm trying to implement a similar thing, but the ref doesn't seem to work as expected

export default function Search() {
  const ref = useRef<SearchBarCommands>(null)

  useEffect(() => {
    console.log({ ref: ref.current })

    ref.current?.setText("Hello world")
  }, [])

  return (
    <>
      <Stack.Screen options={{
          title: "Search", headerSearchBarOptions: {
            placeholder: "Type search",
            ref: ref,
          },
        }}
      />
      
      <Text>Hello world</Text>
    </>
  )
}

The value doesn't get set and the ref is null in the log.

any insights?

[ipoogleduck]

Also looking for an answer to this

[ipoogleduck]

Ok I got it working by looking at apps/src/tests/Test1097.tsx in this repository. You can set the ref like this:

And then use any of the following functions:

Would be useful if this was in the documentation