ReSQL.ru
     
powered by simpleCommunicator - 2.0.18     © 2024 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Map
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Разработка под мобильные платформы [игнор отключен] [закрыт для гостей] / Убрать заголовок React Native
17 сообщений из 17, страница 1 из 1
Убрать заголовок React Native
    #40124266
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
Добры день, такой вопрос

Как убрать заголовок?

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
<NavigationContainer>
          <Stack.Navigator
              screenOptions={{headerShown: false}}
              initialRouteName={Home}
          >
            <Stack.Screen name="Home" component={CustomDrawer} />
          </Stack.Navigator>
        </NavigationContainer>
...
Рейтинг: 0 / 0
30.12.2021, 20:30
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124268
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
LMag
Добры день, такой вопрос

Как убрать заголовок?

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
<NavigationContainer>
          <Stack.Navigator
              screenOptions={{headerShown: false}}
              initialRouteName={Home}
          >
            <Stack.Screen name="Home" component={CustomDrawer} />
          </Stack.Navigator>
        </NavigationContainer>

...
Рейтинг: 0 / 0
30.12.2021, 20:30
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124269
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag , обрати внимание на options и title в нем...
Так же есть screenOptions и там есть свои ключи...
https://reactnavigation.org/docs/native-stack-navigator/
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

function MyStack() {
  return (
    <Stack.Navigator
      initialRouteName="Home"
      screenOptions={{
        headerTintColor: 'white',
        headerStyle: { backgroundColor: 'tomato' },
      }}
    >
      <Stack.Screen
        name="Home"
        component={Home}
        options={{
          title: 'Awesome app',
        }}
      />
      <Stack.Screen
        name="Profile"
        component={Profile}
        options={{
          title: 'My profile',
        }}
      />
      <Stack.Screen
        name="Settings"
        component={Settings}
        options={{
          gestureEnabled: false,
        }}
      />
    </Stack.Navigator>
  );
}
...
Рейтинг: 0 / 0
30.12.2021, 20:50
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124270
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
krvsa,

я применил этот свойство

Код: javascript
1.
2.
3.
options={{
          gestureEnabled: false,
        }}



Этот заголовок не исчез
...
Рейтинг: 0 / 0
30.12.2021, 21:02
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124271
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
krvsa,

Я не совсем Вас понял
...
Рейтинг: 0 / 0
30.12.2021, 21:03
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124273
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag , или ты совсем хочешь убрать этот заголовок?
Про такое советуют помимо
Код: javascript
1.
headerShown: false


Использовать еще
Код: javascript
1.
header: null



Как вариант, передать вместо заголовка "пустой" компонент - тогда и показывать будет нечего...
...
Рейтинг: 0 / 0
30.12.2021, 21:22
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124274
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag
Я не совсем Вас понял

Я сначала думал что ты хочешь просто буквы убрать...
...
Рейтинг: 0 / 0
30.12.2021, 21:23
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124276
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag , наш спец заверяет что заголовок точно убирается
Код: javascript
1.
headerShown: false


Но он использует только для отдельных экранов... На всех сразу не убирал.
...
Рейтинг: 0 / 0
30.12.2021, 21:31
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124277
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
krvsa,

я же там использую

Код: javascript
1.
2.
3.
 
headerShown: false



Но он все равно показывает верхнюю часть
...
Рейтинг: 0 / 0
30.12.2021, 21:31
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124278
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag , я понял...
А если у каждого скрина указывать?
...
Рейтинг: 0 / 0
30.12.2021, 21:38
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124281
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
krvsa,

Все равно тоже самое
...
Рейтинг: 0 / 0
30.12.2021, 22:03
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124283
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
У меня здесь открывается боковое меню

и там в Stack.Screen идет ссылка на компонент CustomDrawer,
там по умолчанию я ссылаюсь на Home.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
const CustomDrawer = ({selectedTab, setSelectedTab}) => {
     const [progress, setProgress] = useState(new Animated.Value(0));

     const scale = Animated.interpolateNode(
         progress, {
            inputRange:[0,1],
            outputRange: [1, 0.8]
         } 
     );

     const borderRadius = Animated.interpolateNode(
        progress, {
           inputRange:[0,1],
           outputRange: [1, 40]
        } 
    );

    const animatedStyle = {
        borderRadius,
        transform : [{ scale }]
    };

     return (
         <View
            style={{
                flex: 1,
                backgroundColor: COLORS.secondary
            }}
         >
              
             <Drawer.Navigator
                drawerType="slide"
                overlayColor="transparent"
                screenOptions={{
                    drawerStyle: {
                        flex: 1,
                        width: "70%",
                        paddingRight: 20,
                        backgroundColor: COLORS.white
                    }
                }}
                sceneContainerStyle={{
                    backgroundColor: "transparent"
                }}
                initialRouteName={Home}
                
                drawerContent={ (props) => {
                    setTimeout(()=>{
                        setProgress(props.progress)
                    }, 0);

                    return (
                       <CustomDrawerContent 
                            navigation = { props.navigation }
                            selectedTab = {selectedTab}
                            setSelectedTab = {setSelectedTab}
                       /> 
                    )
                }}
                
             >
                 <Drawer.Screen name="Home">
                    { (props) => <Home {...props} drawerAnimationStyle={animatedStyle} /> }
                 </Drawer.Screen>
             </Drawer.Navigator>
                        
         </View>
     )
 }
...
Рейтинг: 0 / 0
30.12.2021, 22:20
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124285
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag , видать с наскока помочь не получилось...
Все исходники на работе, а там я появлюсь только после 10-го.

Если ищешь помощи - готовь сразу тестовый пример, который можно будет запустить на другом компе.
На таких примерах можно быстрее и полнее получить помощь от других.
Да и просто другим будет более понятна твоя ситуация...
...
Рейтинг: 0 / 0
30.12.2021, 22:29
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124314
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
Всем спасибо, вопрос решен
...
Рейтинг: 0 / 0
31.12.2021, 11:20
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124315
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
Тему можно закрыть
...
Рейтинг: 0 / 0
31.12.2021, 11:22
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124326
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
LMag
вопрос решен

Так как убрал-то?
Что именно использовал?
...
Рейтинг: 0 / 0
31.12.2021, 15:35
| Ответить | Цитировать | Написать  
Убрать заголовок React Native
    #40124544
LMag
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LMag
Участник
Поставил в

Drawer.Navigator

Параметр

headerShown: false

Как Вы и говорили

Спасибо
...
Рейтинг: 0 / 0
03.01.2022, 12:03
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / Разработка под мобильные платформы [игнор отключен] [закрыт для гостей] / Убрать заголовок React Native
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (1): Анонимы (1)
Читали форум (2): Анонимы (2)
Пользователи онлайн (11): Анонимы (8), CerebroSQL, Bing Bot 1 мин., Yandex Bot 1 мин.
Польз. соглашение
NoSQL.ru, Чат Кролика       Пашэ: Рисунки, Чат       Фотоальбом: Участники, Встречи
Закрыть
Start [/forum/topic.php?fid=11&tid=1329591]:
 0ms
get settings:
 0ms
get forum list:
 11ms
check forum access:
 0ms
check topic access:
 0ms
track hit:
 32ms
get topic data:
 2ms
get forum data:
 1ms
get page messages:
 16ms
update_topic_read_status (1329591): 03.01.2022 12:03:15:
 0ms
get tp. blocked users:
 0ms
get online users:
 25ms
check new:
 1ms
others: 82ms
total:  170ms
созд. / загр.: 170ms (нв.: 1ms)
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]