diff --git a/native/navigation/community-drawer-button-base.react.js b/native/navigation/community-drawer-button-base.react.js
new file mode 100644
--- /dev/null
+++ b/native/navigation/community-drawer-button-base.react.js
@@ -0,0 +1,19 @@
+// @flow
+
+import Icon from '@expo/vector-icons/Feather.js';
+import * as React from 'react';
+
+import { useStyles } from '../themes/colors.js';
+
+// eslint-disable-next-line no-unused-vars
+export default function CommunityDrawerButtonBase(props: { ... }): React.Node {
+  const styles = useStyles(unboundStyles);
+  return <Icon name="menu" size={26} style={styles.drawerButton} />;
+}
+
+const unboundStyles = {
+  drawerButton: {
+    color: 'listForegroundSecondaryLabel',
+    marginLeft: 16,
+  },
+};
diff --git a/native/navigation/community-drawer-tip.react.js b/native/navigation/community-drawer-tip.react.js
new file mode 100644
--- /dev/null
+++ b/native/navigation/community-drawer-tip.react.js
@@ -0,0 +1,20 @@
+// @flow
+
+import * as React from 'react';
+
+import CommunityDrawerButtonBase from './community-drawer-button-base.react.js';
+import {
+  type NUXTipsOverlayProps,
+  createNUXTipsOverlay,
+} from '../tooltip/nux-tips-overlay.react.js';
+
+const communityDrawerText =
+  'You can use this view to explore the tree of channels ' +
+  'inside a community. This shows you all of the channels you can see, ' +
+  "including ones you haven't joined.";
+
+const CommunityDrawerTip: React.ComponentType<
+  NUXTipsOverlayProps<'CommunityDrawerTip'>,
+> = createNUXTipsOverlay(CommunityDrawerButtonBase, communityDrawerText);
+
+export default CommunityDrawerTip;