Function renderDefaultOptions

example/src/Examples/AppbarExample.tsx:114–161

()

  };

  const renderDefaultOptions = () => (
    <>
      <View style={styles.row}>
        <TextComponent>Left icon</TextComponent>
        <Switch value={showLeftIcon} onValueChange={setShowLeftIcon} />
      </View>
      {!theme.isV3 && (
        <View style={styles.row}>
          <TextComponent>Subtitle</TextComponent>
          <Switch value={showSubtitle} onValueChange={setShowSubtitle} />
        </View>
      )}
      <View style={styles.row}>
        <TextComponent>Search icon</TextComponent>
        <Switch value={showSearchIcon} onValueChange={setShowSearchIcon} />
      </View>
      <View style={styles.row}>
        <TextComponent>More icon</TextComponent>
        <Switch value={showMoreIcon} onValueChange={setShowMoreIcon} />
      </View>
      {theme.isV3 && (
        <View style={styles.row}>
          <TextComponent>Calendar icon</TextComponent>
          <Switch
            value={isCenterAlignedMode ? false : showCalendarIcon}
            disabled={isCenterAlignedMode}
            onValueChange={setShowCalendarIcon}
          />
        </View>
      )}
      <View style={styles.row}>
        <TextComponent>Custom Color</TextComponent>
        <Switch value={showCustomColor} onValueChange={setShowCustomColor} />
      </View>
      {!theme.isV3 && (
        <View style={styles.row}>
          <TextComponent>Exact Dark Theme</TextComponent>
          <Switch value={showExactTheme} onValueChange={setShowExactTheme} />
        </View>
      )}
      {theme.isV3 && (
        <View style={styles.row}>
          <TextComponent>Elevated</TextComponent>
          <Switch value={showElevated} onValueChange={setShowElevated} />
        </View>
      )}
    </>
  );

  return (
    <>