[Feature request] Add return Press event for the TextView component.

From @bachras on May 4, 2017 14:1

Hi,

I am trying to implement TexView and submit it by pressing return button. However instead of submitting cursor goes to new line and doesn’t do anything else. I have tried all examples i could found online, i also install this examples app and noticed that it is the same behaviour.

I added alert() :

submit(args) {
        alert("Submit Text: " + this.tvtext);
        let textview: TextView = <TextView>args.object;
        if (isAndroid) {
            textview.android.clearFocus();
        }
    }

But nothing is alerted after return(Send) button is clicked. Does anyone have idea what could be wrong? Thank you in advance.

Copied from original issue: NativeScript/nativescript-sdk-examples-ng#183

<bountysource-plugin>

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

[tsonevn]

Hi @bachras, @sitefinitysteve, @bradmartin, @hairen, I changed the label of the issue as a new feature request. If there is an interest in similar functionality, this feature would be available for some of the next NativeScript versions

[KarineLiuti]

Hello @KarineLiuti, are you sure it works? Because we tried this lot of time and still not working…

<TextField hint="Feedback" text="" returnKeyType="done" @returnPress="submit()" />

Yes. I did this in my code. Look the opa() method:

<template>
  <Page class="page">
    <ActionBar title="Home" class="action-bar" />
    <ScrollView>
      <StackLayout class="home-panel">
        <!--Add your page content here-->
        <Label v-if="amountValue" textWrap="true" :text="amountValue" class="h2 description-label" />
        <Label textWrap="true" text="Qual foi o valor da venda?" class="h2 description-label" />
        <TextField v-model="textFieldValue" keyboardType="number"
          returnKeyType="done" @returnPress="opa()"
          hint="Digite o valor da venda..." />
        <Button class="btn btn-primary" text="Bora lá" @tap="opa"></Button>
      </StackLayout>
    </ScrollView>
  </Page>
</template>

<script>
import RegisterCommission from './RegisterCommission'
export default {
  props: {
    amountValue: ''
  },
  data () {
    return {
      textFieldValue: ''
    };
  },
  methods: {
    onButtonTap() {
      console.log("Button was pressed");
    },
    opa() {
      this.isTyped = true;
      this.$navigateTo(RegisterCommission, {
        clearHistory: false,
        props: {
          valueSelled: this.textFieldValue
        }
      });
    }
  }
}
</script>

<style scoped>
.home-panel {
    vertical-align: center;
    font-size: 20;
    margin: 15;
}
.description-label {
    margin-bottom: 15;
}
</style>