Ggtcf

From jafe to El-Guest

Can I board the first leg of the flight without having final country's visa?

What is the difference between "hamstring tendon" and "common hamstring tendon"?

What CSS properties can the br tag have?

Graph of the history of databases

Reshaping json / reparing json inside shell script (remove trailing comma)

What steps are necessary to read a Modern SSD in Medieval Europe?

Is it OK to decorate a log book cover?

Why did early computer designers eschew integers?

Why do we say 'Un seul M' and not 'Une seule M' even though M is a "consonne"

Is there an equivalent of cd - for cp or mv

What day is it again?

Is it professional to write unrelated content in an almost-empty email?

how one can write a nice vector parser, something that does pgfvecparseA=B-C; D=E x F;

Point distance program written without a framework

what's the use of '% to gdp' type of variables?

Is it convenient to ask the journal's editor for two additional days to complete a review?

Defamation due to breach of confidentiality

Could a dragon use its wings to swim?

How did Beeri the Hittite come up with naming his daughter Yehudit?

My ex-girlfriend uses my Apple ID to login to her iPad, do I have to give her my Apple ID password to reset it?

Help! I cannot understand this game’s notations!

Does higher Oxidation/ reduction potential translate to higher energy storage in battery?

Is there a reasonable and studied concept of reduction between regular languages?

How to use ref connect

0

I'm trying to call a method inside a component. In more details, this component shows a vertical page swiper, I need a button "go to the next slide". I'm trying to use ref but I get the error this.refs.verticalViewPager is undefined. I tried to print this.refs, it is undefined too.

class App extends Component 
 nextPage() 
 this.refs.verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref="verticalViewPager">
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

https://github.com/gy-chen/react_native_vertical_view_pager

react-native

share|improve this question

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

add a comment | 

0

I'm trying to call a method inside a component. In more details, this component shows a vertical page swiper, I need a button "go to the next slide". I'm trying to use ref but I get the error this.refs.verticalViewPager is undefined. I tried to print this.refs, it is undefined too.

class App extends Component 
 nextPage() 
 this.refs.verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref="verticalViewPager">
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

https://github.com/gy-chen/react_native_vertical_view_pager

react-native

share|improve this question

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

add a comment | 

I'm trying to call a method inside a component. In more details, this component shows a vertical page swiper, I need a button "go to the next slide". I'm trying to use ref but I get the error this.refs.verticalViewPager is undefined. I tried to print this.refs, it is undefined too.

class App extends Component 
 nextPage() 
 this.refs.verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref="verticalViewPager">
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

https://github.com/gy-chen/react_native_vertical_view_pager

react-native

share|improve this question

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

class App extends Component 
 nextPage() 
 this.refs.verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref="verticalViewPager">
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

share|improve this question

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

share|improve this question

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

asked Mar 8 at 17:20

alfredopacinoalfredopacino

94911629

1 Answer
1

active

oldest

votes

0

Try using a function instead of a string, also it might be because you're not using arrow functions or binding the nextPage method:

class App extends Component 
 nextPage = () => 
 this._verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref=component => this._verticalViewPager = component>
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

share|improve this answer

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  using this method this._verticalViewPager is still undefined
  
  – alfredopacino
  Mar 8 at 17:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Did you update the nextPage to an arrow function? nextPage = () => {
  
  – Matt Aft
  Mar 8 at 17:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes after I commented I did it :). That works, but now I get this._startContentOffset is undefined this is a field of the component VerticalViewPager of course..
  
  – alfredopacino
  Mar 8 at 18:01
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @alfredopacino how did you solve the this._startContentOffset is undefined?
  
  – Andrew
  Mar 8 at 18:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I will try to figure it out a proper solution. As quickfix I use scrollTo() method (of the same VerticalViewPager component) with the y value = Height of the screen.
  
  – alfredopacino
  Mar 8 at 22:49
  
  

  
  
  
  

add a comment | 

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55068067%2fhow-to-use-ref-connect%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Try using a function instead of a string, also it might be because you're not using arrow functions or binding the nextPage method:

class App extends Component 
 nextPage = () => 
 this._verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref=component => this._verticalViewPager = component>
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

share|improve this answer

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  using this method this._verticalViewPager is still undefined
  
  – alfredopacino
  Mar 8 at 17:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Did you update the nextPage to an arrow function? nextPage = () => {
  
  – Matt Aft
  Mar 8 at 17:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes after I commented I did it :). That works, but now I get this._startContentOffset is undefined this is a field of the component VerticalViewPager of course..
  
  – alfredopacino
  Mar 8 at 18:01
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @alfredopacino how did you solve the this._startContentOffset is undefined?
  
  – Andrew
  Mar 8 at 18:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I will try to figure it out a proper solution. As quickfix I use scrollTo() method (of the same VerticalViewPager component) with the y value = Height of the screen.
  
  – alfredopacino
  Mar 8 at 22:49
  
  

  
  
  
  

add a comment | 

0

Try using a function instead of a string, also it might be because you're not using arrow functions or binding the nextPage method:

class App extends Component 
 nextPage = () => 
 this._verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref=component => this._verticalViewPager = component>
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

share|improve this answer

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  using this method this._verticalViewPager is still undefined
  
  – alfredopacino
  Mar 8 at 17:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Did you update the nextPage to an arrow function? nextPage = () => {
  
  – Matt Aft
  Mar 8 at 17:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes after I commented I did it :). That works, but now I get this._startContentOffset is undefined this is a field of the component VerticalViewPager of course..
  
  – alfredopacino
  Mar 8 at 18:01
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @alfredopacino how did you solve the this._startContentOffset is undefined?
  
  – Andrew
  Mar 8 at 18:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I will try to figure it out a proper solution. As quickfix I use scrollTo() method (of the same VerticalViewPager component) with the y value = Height of the screen.
  
  – alfredopacino
  Mar 8 at 22:49
  
  

  
  
  
  

add a comment | 

Try using a function instead of a string, also it might be because you're not using arrow functions or binding the nextPage method:

class App extends Component 
 nextPage = () => 
 this._verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref=component => this._verticalViewPager = component>
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

share|improve this answer

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723

class App extends Component 
 nextPage = () => 
 this._verticalViewPager.nextPage()
 

 render () 
 return (<VerticalViewPager ref=component => this._verticalViewPager = component>
 <View>
 <Text>slide one</Text>
 <Button title="click to go to the next slide" onPress=this.nextPage />
 </View>
 <View>
 <Text>slide two</Text>
 </View>
</VerticalViewPager>)
 

share|improve this answer

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723

answered Mar 8 at 17:46

Matt AftMatt Aft

4,910723