fix: linter

example/src/App.tsx

@@ -22,6 +22,11 @@
 const examples = [
   { component: ThreeTabs, name: 'Three Tabs' },
   { component: FourTabs, name: 'Four Tabs' },
+  {
+    component: FourTabs,
+    name: 'Four Tabs - No header',
+    screenOptions: { headerShown: false },
+  },
   { component: JSBottomTabs, name: 'JS Bottom Tabs' },
 ];
 
@@ -61,7 +66,7 @@
             name="BottomTabs Example"
             component={App}
             options={{
               headerRight: () => (
                 <Button
                   onPress={() =>
                     Alert.alert(
@@ -91,6 +96,7 @@
               key={index}
               name={example.name}
               component={example.component}
+              options={example.screenOptions}
             />
           ))}
         </NavigationStack.Navigator>

example/src/Examples/FourTabs.tsx

@@ -5,7 +5,7 @@ import { Albums } from '../Screens/Albums';
 import { Contacts } from '../Screens/Contacts';
 import { Chat } from '../Screens/Chat';
 
-export default function ThreeTabs() {
+export default function FourTabs() {
   const [index, setIndex] = useState(0);
   const [routes] = useState([
     { key: 'article', title: 'Article', icon: 'document.fill', badge: '!' },

src/TabViewNativeComponent.ts

@@ -12,7 +12,7 @@ export type OnPageSelectedEventData = Readonly<{
 export type TabViewItems = ReadonlyArray<{
   key: string;
   title: string;
-  icon: string;
+  icon?: string;
   badge?: string;
 }>;
 

src/index.tsx

@@ -1,10 +1,4 @@
 import TabView from './TabView';
-import type {
-  TabViewItems,
-  OnPageSelectedEventData,
-} from './TabViewNativeComponent';
-
-export type { TabViewItems, OnPageSelectedEventData };
 
 export { SceneMap } from './SceneMap';