[React-Native] 커스텀 헤더 만들기

적자생존·2023년 2월 16일
1

React-Native

목록 보기
26/30

1. custom Header

const customHeader = ({title}) => {
	return(
    	<View>
      		<Text>{title}</View>
      	</View>
    )
}

2. navigation

const Navigation = () => {

return(
	<NavigationContainer>
  		<Stack.Navigator>
  			<Stack.Screen name="Main" component={MainComponent}
				options={{
                        	header: () => <CustomHeader title="메인"/>
                        }}
			/>
  		</Stack.Navigator>
	</NavigationContainer>
)
}
profile
적는 자만이 생존한다.

0개의 댓글