Search Bar

const searchBar = {
    component: NANO.SEARCH_BAR,
    value: '',
    name: 'search',
    props: {
        placeholder: "Search",
        mode: "bar",
        icon: "arrow-left",
        style: {
            // height: 56,
            backgroundColor: "White",
        },
        inputStyle: {
            color: "black",
        },
        iconColor: "blue",
        placeholderTextColor: "red",
    },
    onIconPress: ({ moduleParams }) => {
        moduleParams["navigation"].goBack()
    },
    onChangeText: ({ setUi, getUi, methodValues }) => {
        const searchBarObj = getUi("search")
        searchBarObj.value = methodValues
        setUi("search", searchBarObj)
    }
};

Search bar example

Loading...