홈>
React-Native 사용법을 배우고 있는데 이런 종류의 문제에 어려움을 겪고 있습니다.
내가해야 할 일은 사용자 역할에 따라 보이는 텍스트를 오른쪽에 삽입 할 수있는 페이지에 대한 Navbar 사용자 정의를 만드는 것입니다. 특히이 텍스트를 사용하면 특정 사용자 역할에 로그 아웃 할 수 있습니다.
현재 모든 사용자를 위해이 기능을 구현했습니다.
경로와 장면을 넣은 페이지 (라우터 플럭스 사용)에서 로그 아웃을 초기화했습니다 :
static logout() {
User.clearLoggedUser();
App.redirectLogout();
}
render() {
return (
<Router>
<Scene
key="homepage"
component={Homepage}
type="reset"
leftTitle="Home"
leftButtonTextStyle={{ color: "#ffffff" }}
onLeft={() => Actions.authentication()}
rightButtonTextStyle={{ color: "#ffffff" }}
rightTitle="Logout"
onRight={() => App.logout()}
navigationBarStyle={{ backgroundColor: "#64c7c0" }}
/>
따라서 홈페이지 오른쪽에있는 앱의 오른쪽 상단에 로그 아웃됩니다 (그러나 일부 역할에는 적용되지 않는 모든 항목에 해당).
홈페이지에서 다음 역할을 수행합니다.
class Homepage extends Component {
constructor(props) {
super(props);
}
render() {
const Roles = global.user.data.Person.Roles
따라서 {Roles}가 "일부 역할"과 같으면 로그 아웃 버튼을 클릭하지 않아야합니다.
어떻게 할 수 있습니까? 도와 주셔서 감사합니다.
- 답변 # 1
관련 질문
- javascript : Firebase 속성의 데이터를 확인하여 마커에 데이터를 표시하여 네이티브지도에 반응합니다.
- javascript : FormControl React 후크 변경 처리
- javascript : React-Native expo POST Blob
- javascript : 웹용 반응 네이티브 애플리케이션을 포팅 할 때 react-native-web에서 누락 된 종속성을 처리하는 방법은 무엇입니까?
- javascript : react-native와 함께 onPress에서 두 개의 이벤트를 어떻게 사용할 수 있습니까?
- javascript : React Native : 섹션 목록-Undefined는 객체가 아닙니다 ( 'items.length'평가).
- javascript : AuthSession을 사용하여 React Native에서 Google Calendar API에 액세스
- javascript : 복잡한 배열에 새 키 /값 추가 [중복]
- javascript : Reactjs ID로 항목 일치 가져 오기
- javascript : React Native로 전화에서 현재 언어 설정을 얻는 방법
씬을 렌더링 할 때 더 많은 로직을 구현해야 할 것 같습니다. 다음 줄을 따라 해보십시오 :
오른쪽 버튼에는 표시 여부와 클릭 여부를 알려주는 논리가 필요합니다. 현재 사용자 역할을 사용하여 가변 로그 아웃 버튼을 만들 수도 있지만 홈페이지보다 한 범위 높은 해당 역할 이름에 액세스해야합니다.
위 코드는 현재 역할 관리자가 로그인 한 경우 오른쪽 버튼에 '로그 아웃 관리자'라고 표시되며, 아무도 로그인하지 않은 경우 오른쪽 버튼은 아무 것도 말하지 않고 클릭 동작이 없습니다.