Гость
Войти | Профиль | Очистить
Map
Действия ...
Форумы / Разработка под мобильные платформы [игнор отключен] [закрыт для гостей] / Убрать заголовок React Native / 17 сообщений из 17, страница 1 из 1
30.12.2021, 20:30
    #40124266
LMag
LMag
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Убрать заголовок React Native
Добры день, такой вопрос

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

Код: 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
    #40124268
LMag
LMag
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Убрать заголовок React Native
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:50
    #40124269
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Убрать заголовок React Native
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, 21:02
    #40124270
LMag
LMag
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Убрать заголовок React Native
krvsa,

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

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



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

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


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



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

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


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

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

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



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

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

и там в 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:29
    #40124285
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Убрать заголовок React Native
LMag , видать с наскока помочь не получилось...
Все исходники на работе, а там я появлюсь только после 10-го.

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

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

Drawer.Navigator

Параметр

headerShown: false

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

Спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / Разработка под мобильные платформы [игнор отключен] [закрыт для гостей] / Убрать заголовок React Native / 17 сообщений из 17, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 799ms
Закрыть
start [/forum/topic.php?fid=11&tablet=1&tid=1329591]:
 0ms
get settings:
 18ms
get forum list:
 11ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 47ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 326ms
get tp. blocked users:
 2ms
others: 373ms
total:  799ms
x
x
Закрыть


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