React-native DrawerNavigator не отображается

Question

React-native DrawerNavigator не отображается

Короткий ответ НЕТ, у нас на этом этапе в CSS нет parent selector, но если вы все равно не хотите менять элементы или классы, второй вариант использует JavaScript, что-то вроде этого:

var activeATag = Array.prototype.slice.call(document.querySelectorAll('a.active'));

activeATag.map(function(x) {
  if(x.parentNode.tagName === 'LI') {
    x.parentNode.style.color = 'red'; //your property: value;
  }
});

или более короткий путь, если вы используете jQuery в своем приложении:

$('a.active').parents('li').css('color', 'red'); //your property: value;

2

react-native expo

задан Alex 28 March 2019 в 04:39

3 ответа

Другие вопросы по тегам:

react-native expo

Похожие вопросы:

score 0 · Answer 1

Проведите пальцем влево, и вы увидите ящик Работы навигации
реакция-навигация createDrawerNavigator по умолчанию не обеспечивает навигацию по стеку, если вы ищете посмотрите заголовок со значком меню, затем вы должны сделать ваши экраны (один, два) стека навигации
.
NB: импортировать Icon из expo илиact-native-icons

Обновлено :: используя native-base

установить native-base (** npm install native-base --save **)

импорт заголовка, значка, контейнера, слева, содержимого из native-base

класс One расширяет компонент {

render() {
    return (
          <Container>
              <Header>
                <Left>
                  <Icon name="md-menu" onPress={() => this.props.navigation.openDrawer()} />
                </Left>
              </Header>

              <Content>
                <Text>Screen One</Text>
              </Content>
          </Container>
      );
}

}

класс Два расширяет Компонент {

render() {
     return (
          <Container>
              <Header>
                <Left>
                  <Icon name="md-menu" onPress={() => this.props.navigation.openDrawer()} />
                </Left>
              </Header>

              <Content>
                <Text>Screen Two</Text>
              </Content>
          </Container>
      );
}

}

const DrawerStack = createDrawerNavigator ({one: {screen: One }, два: {screen: Two}}, {

});

[116 ] Screen One

score 0 · Answer 2

Жест пролистывания ящика не работает, поскольку в новой версии реагирует навигация v3 npm. Нам нужно установить response-native-жест-обработчик npm отдельно. Они создают отдельный пакет npm для touch & amp; обработка жестов и распознавание.

Шаг 1.

npm i react-native-gesture-handler

Шаг 2.

react-native link react-native-gesture-handler

Шаг 3. (необязательно)

Если шаг 2 не работает должным образом, код будет сконфигурирован надлежащим образом

Чтобы завершить установку обработчика реакции-нативного жеста для Android , обязательно внесите необходимые изменения в MainActivity.java:

package com.reactnavigation.example;

import com.facebook.react.ReactActivity;
+ import com.facebook.react.ReactActivityDelegate;
+ import com.facebook.react.ReactRootView;
+ import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {

  @Override
  protected String getMainComponentName() {
    return "Example";
  }

+  @Override
+  protected ReactActivityDelegate createReactActivityDelegate() {
+    return new ReactActivityDelegate(this, getMainComponentName()) {
+      @Override
+      protected ReactRootView createRootView() {
+       return new RNGestureHandlerEnabledRootView(MainActivity.this);
+      }
+    };
+  }
}

Никаких дополнительных шагов для iOS не требуется.

Для получения дополнительной информации см. Следующий документ: -

https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html

score 0 · Answer 3

Хорошо использовать преимущества родной базы.

Соответствующая ссылка здесь .

Ссылки навигации здесь .

Вы также можете увидеть компонент здесь, чтобы вы могли использовать необходимые функции.

Пример навигации по ящикам:

import React, { Component } from "react";
import HomeScreen from "./HomeScreen.js";
import MainScreenNavigator from "../ChatScreen/index.js";
import Profile from "../ProfileScreen/index.js";
import SideBar from "../SideBar/SideBar.js";
import { DrawerNavigator } from "react-navigation";
const HomeScreenRouter = DrawerNavigator(
  {
    Home: { screen: HomeScreen },
    Chat: { screen: MainScreenNavigator },
    Profile: { screen: Profile }
  },
  {
    contentComponent: props => <SideBar {...props} />
  }
);
export default HomeScreenRouter;

Простота в эксплуатации без специальной реализации.

Если у вас есть дальнейшие комментарии, пожалуйста, оставьте комментарий. И если мой ответ хороший, пожалуйста, сделайте выбор.