新增成语接龙功能

App.js

@@ -10,6 +10,7 @@ import {
 } from "react-native";
 
 const getSuggestions = require("./trie-service.js");
+const keysWithPrefix = require("./trie-from-idiom.js").keysWithPrefix;
 
 type Props = {};
 export default class App extends Component<Props> {
@@ -30,6 +31,22 @@ export default class App extends Component<Props> {
     }
   };
 
+  onChangeText2 = text => {
+    text = text.trim().toLowerCase();
+    if (text) {
+      const suggestions = keysWithPrefix(text).map(item => {
+        return { word: item };
+      });
+      this.setState({
+        suggestions: suggestions
+      });
+    } else {
+      this.setState({
+        suggestions: []
+      });
+    }
+  };
+
   keyExtractor = item => item.word;
 
   render() {
@@ -45,14 +62,22 @@ export default class App extends Component<Props> {
           autoCapitalize="none"
           placeholder="Input the word..."
         />
+        <TextInput
+          style={styles.input}
+          onChangeText={this.onChangeText2}
+          autoFocus={true}
+          autoCorrect={false}
+          autoCapitalize="none"
+          placeholder="成语接龙..."
+        />
         <FlatList
           style={styles.list}
           data={suggestions}
           keyExtractor={this.keyExtractor}
           renderItem={({ item }) => (
             <View style={styles.item}>
               <Text>
-                {item.word}: {item.ipa ? "[ " + item.ipa + " ]" : ""}
+                {item.word} {item.ipa ? " [ " + item.ipa + " ]" : " "}
                 {item.translation && " " + item.translation.join(" ")}
               </Text>
             </View>

README.md

@@ -7,6 +7,7 @@ Built by react-native.
 1. instant translate english to chinese when typing
 2. instant spell-check when typing
 3. show IPA of inputed word
+4. 成语接龙
 
 ### android dev
 

package.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "dawg-lookup": "^2.2.1",
+    "node-ternary-search-trie": "^5.4.3",
     "react": "16.8.3",
     "react-native": "0.59.8",
     "typo-js": "^1.0.3"

trie-from-idiom.js

@@ -0,0 +1,11 @@
+const Trie = require("node-ternary-search-trie");
+const trie = new Trie();
+const data = require("./idiom.json");
+data.forEach(element => {
+  trie.set(element, 0);
+});
+// console.time("time");
+// console.log("keysWithPrefix pref", trie.keysWithPrefix("渊"));
+// console.timeEnd("time");
+
+module.exports = trie;

yarn.lock

@@ -4269,6 +4269,11 @@ node-pre-gyp@^0.12.0:
     semver "^5.3.0"
     tar "^4"
 
+node-ternary-search-trie@^5.4.3:
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/node-ternary-search-trie/-/node-ternary-search-trie-5.4.3.tgz#452dd2549a7d70ed2802016e7a6987ca4f1a3011"
+  integrity sha512-DbCM1O2qNShPmWHqno+z39GNgk6LNfFImjkjn6jZM6lgyAwWrFNiOzIQb2wGJ2NprjRlJWS6GAufkuvr+s+pBA==
+
 nopt@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"