Agenda inside header view

Question

I'm using https://github.com/wix/react-native-calendars and I want to have agenda inside my header view. Something like that:

 <View style={{ flex: 1 ,backgroundColor: '#269BB9' }}>
          <CustomHeader {...this.props} />
          <AgendaDiary navigation={this.props.navigation}/>

 </View>

AgendaDiary is my agenda. How can I do that. Look that example:

score 0 · Answer 1 · answered Jul 31 '18 at 08:57

0

If you want that any other view like the AgendaDiary inside of the CustomHeader component, you should be able to past the AgendaDiary Component as a Child to the CustomHeader Component. for example

<CustomComponent style={styles.anyStyles}>
 <AgendaDiary props={someProps} />
</CustomComponent>

Let know if that helps!

answered Jul 31 '18 at 08:57

Helmer Barcos

1,898
12
18

Thank, I tried that but didn't work. I will try again...:) – mkEagles Jul 31 '18 at 09:23

score 0 · Answer 2 · edited Sep 14 '18 at 09:37

0

Try giving some height to the view or wrap AgendaDiary in a view with some height.

See: https://github.com/wix/react-native-calendars/issues/388

edited Sep 14 '18 at 09:37

scopchanov

7,966
10
40
68

answered Sep 14 '18 at 09:12

Pareksha Manchanda

3
2

Agenda inside header view

2 Answers2